Resizing the tabgroup header height in Titanium Android

Question

I am new to mobile development with Titanium Studio. I am developing an app for android. When I tried running it in WXGA720 screen emulator, which was looking good. But when I tried the same with WXGA800-7in screen emulator, it looks terrible. Below is the screenshot for your reference.

1. Screenshot from WXGA720:

2. Screenshot from WXGA800-7in:

Please suggest. Thanks in advance.

Answer 1

In Titanium when developing for Android, it uses same image for TabGroups. Bigger the image specified, bigger it will show up in the app. My solution was using different images for different devices.

Android let you do that automatically by different device profiles.

If you look at Resources/android/images, there are several directories like:

• res-long-land-hdpi
• res-long-land-ldpi
• res-long-port-hdpi
• res-long-port-ldpi
• res-notlong-land-hdpi
• ...

Please check here for a complete description.