Flex Mobile Devlopement: Small views on Nexus 5

Question

I just started developing Android/iOS apps using Flex..

I have a question about difference reason between testing the app on a real device ( Nexus 5 ) and Flash Builder Emulator ( Samsung Galaxy Ace )

You can see the Actionbar has a good look on Samsung Galaxy Ace:

And in the real device Nexus 5 it is very small:

I have developed a lot of apps using Android SDK and when I test my custom design and android design, it's look good on any device but in Flex I tried a lot to fix that but no luck.

Any suggestions?

Answer 1

Use dpi concept for your application for different device/screen DPI. Here in given links describe the DPI concept for flex.

1. http://help.adobe.com/en_US/flex/mobileapps/WS19f279b149e7481c682e5a9412cf5976c17-8000.html

2. http://www.adobe.com/devnet/flex/articles/mobile-skinning-part2.html

You have to apply design for any perticular DPI it. Then it will automatically scale for other DPI. like: applicationDPI="160".

You can icon property of button like:

<s:Button>
 <s:icon> 
     <s:MultiDPIBitmapSource source160dpi="@Embed('/assets/refresh160.png')" 
                             source240dpi="@Embed('/assets/refresh240.png')" 
                             source320dpi="@Embed('/assets/refresh320.png')"/> 
 </s:icon> 
</s:Button>