Resizing the tabgroup header height in Titanium Android - android

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.
Screenshot from WXGA720:
Screenshot from WXGA800-7in:
Please suggest. Thanks in advance.

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.

I found a way to rectify this issue, as i would like to have my application only for Galaxy S3 and Nexus 7.
I wrote code to detect the screen size of Nexus 7 (height=1216 && width=800)
and dynamically set the tab icon, i used smaller size tab icons for Nexus.

Related

Button Borders appear broken in Android 4.1.2 using Ionic framework

I created a small app using following this tutorial.
App runs fine on Android but after running on 2 mobiles both running Android 4.1.2, I find that in one mobile the layout was broken. I mean button borders are broken.
Any suggestions on what is going wrong here ?
Using latest ionic framework and cordova.
This mostly happens because different mobile screen size.
You should create different layout files for different screen sizes
For more information go here:
http://developer.android.com/training/multiscreen/screensizes.html

Android App Icon not showing correctly on actionbar of different phones

Hi i have a problem with my app icon. The icon is displayed correctly on the actionBar of the Emulator but for some reasons it doesn't display normally on my device. Unfortunately I don't have another device models for testing.
Screenshots are attched below
To change the app icon I just changed the drawable on the manifest, is this correct ?
<activity
android:name="--ActivityName--"
android:icon="#drawable/navbarlogo"/>
EDIT:
I tried the app on different android version (Emulator). the result is good but not on the physical phone.
Can it be related to the ROM ? On the phone I have the MIUI ROM.
Checkout the size of your icon image. It should be small in size.

Strange Blue markings / artifacts on Android Browser when browsing a specific website

I am noticing strange blue markings when I visit certain webpages on Samsung galaxy note 10.1 is running android 4.1.2. This is only happening on one website and not the other. I have attached screenshots of both. I think it could be due to certain CSS or JS. Not sure what is is. Please help.
http://i.stack.imgur.com/rxPFO.png
http://i.stack.imgur.com/25cNO.png
It looks like you may have an advertising blocker running. Could there be a banner add that should be showing where those blue images are?

android ( resize screen)

I want to ask my application only for 4.0" and 4.3" screens mobile.
When I install it to 3.0" or 3.4" mobile my full screen does not appear.
Some buttons and labels went down and not seen.
And finally I want to learn how I do this application for all mobile?
Can I do this in code ? or in manifest file?
I want to ask my application only for 4.0" and 4.3" screens mobile.
Using http://developer.android.com/guide/practices/screens-distribution.html, you can limit your app to devices with specific screen sizes.
When I install it to 3.0" or 3.4" mobile my full screen does not appear. Some buttons and labels went down and not seen.
Strange! Are you using absolute pixel values in your layouts? If you are not, the layouts will scale on any phone. Only it will not look very good.
If you want to run application for 4.0 and 4.3. you need to install 4.3. then you can run 4.0 also. if you install 3.0 or 3.4 it will run 3.4 and below the version only. it won't work for hiegher versions otherthan 3.4.

Window shrinked to quarter of screen size when running app from Android Phone on Appaccelerator Titanium

I have build an iPhone app and using same code to compile Android app. When I run the app in the phone (HTC Desire) instead in emulator, the main window shrinked to the quarter of the screen size, everything else is working fine except this. Can someone please let me know if there is any configuration to look for in Titanium ?
Ubuntu
Appaccelerator Tatanium Studio
HTC Desire
This could possibly help you?
Looking at screenshots on Appaccelerator website I see that Android phone is presented by HTC Hero, which is kind of old for 2011. This makes me think that Appaccelerator is not aware of newest high-density devices like Desire. If Appaccelerator uses physical coordinates for pixels then on high-density phones you'll get exactly the behavior you describe.
Anyways, phrase patent-pending development technology stated on the Appaccelerator website is already an alarming sign against using it.

Categories

Resources