What is the best way to develop graphics on a card that will be used for both iPhone and iPad? - Solved

[DR White]

I am working on single app for both phone and iPad.

Since the Height to width ratio are so different, how should I layout my card graphics so that they don't get so "stretched"?

Thanks,

David

[DR White]

Be back in couple hours.

[stam]

Think your options are to either use the fullScreenMode

Code: Select all

set the fullscreenmode of <stack> to {empty|"exactFit"|"letterbox"|"noBorder"|"noScale"|"showAll"}

or Tinker with the geometry manager - however that's a bit problematic
or perhaps resize in code in the resizeStack handler (although i've not yet delved into mobile dev and not sure if this is the correct hander)

For sure the easiest is fullScreenMode and selecting a mode you prefer, but that will not be perfect as it makes compromises - but on the other hand no further action is needed.

[kdjanz]

Perhaps do a portrait layout and a landscape layout in two substacks and then go from one to the other based on the device orientation. Hopefully fullscreen mode would cover up the smaller differences in aspect ratio between phones & tablets.

Haven’t tried it myself, but that would be my initial strategy.

[DR White]

Thanks for the help.