Can someone explain what is considered o be the best approach in handling multiple screen sizes/densities in both iPhone and android.
I have read a lot yet there appears to be no general, accepted way.
I am aware you can size using dp units, but you can't position consistently.I am aware of the various image folders for android, and to name iPhone images using @2x.
Is the only sensible approach to create a separate jss file for each platform.. thats fine for platforms, but what about low, medium, high and xhigh android screens?
The main reference is http://tinja.ws/KWTlxQ.
Ti will only include the appropriate (platform specific) resources.
As for Android, you will need to include all the images for that various platform DPIs you wish to support. That is a "limitation" of Android. However, the android platform will automatically use the images that are appropriate for the DPI of the device it is running on.
As for JSS, don't. It's a dead "technology". Appcelerator is deprecating it.
Ah, wasn't aware jss was dead. Thanks…
With regards to screen sizes, I want to target smartphone handsets, not tablets, am i right in saying i control which devices can install my app from tiapp.xml (android manifest)?
Which screen sizes are smartphone only? I am trying to work out from this guide but its starting to get a bit confusing : http://developer.android.com/guide/practices/screens_support.html
Actually, sorry… one more question… when using shipit, is there a scale which you work to when reducing image size? so going from xhigh to high, then medium then low for a 200px by 200px image, what do you reduce it by?
Here are my ratios:
- xhigh: 200%
- high: 150%
- med: 100%
- low: 75%
iphone is roughly equivalent to android "med", and iphones with retina display are roughly equivalent to "xhigh".