Application GUI messedup in iPhone devices

58 views
Skip to first unread message

akash....@more4apps.com

unread,
Jul 23, 2015, 5:40:54 PM7/23/15
to CodenameOne Discussions

If you are experiencing an issue please mention the full platform your issue applies to:
IDE: NetBeans/Eclipse/IDEA
Desktop OS : Win 7
Simulator : --
Device : iPhone 3g (with iOS4) , iPhone 5c
Hi,

Recently I built iOS build for my application and it looks so terrible in real device.

Theme is also not applying to any component or form in iPhone devices.

In emulator it is applying theme (though component spacing and size are still bad).

For iPhone, I tested in iPhone 3g (with iOS4) and iPhone 5c and in both the phone looks same.

Please any suggestion for that ?

Here is my android device and that iPhone device's Screen shots:   

   

Thanks.

Shai Almog

unread,
Jul 24, 2015, 12:33:00 AM7/24/15
to CodenameOne Discussions, akash....@more4apps.com, akash....@more4apps.com
Hi,
Remove the gradients from your app.
Besides improving the performance/memory usage it should fix some of the problems.

Background images will look and perform better.

See:
http://www.codenameone.com/how-do-i---improve-application-performance-or-track-down-performance-issues.html

Chen Fishbein

unread,
Jul 24, 2015, 9:20:36 AM7/24/15
to CodenameOne Discussions, shai....@gmail.com, akash....@more4apps.com, shai....@gmail.com
It looks like the Form uiid is declared transparent change it to 255

akash....@more4apps.com

unread,
Jul 28, 2015, 11:44:23 PM7/28/15
to CodenameOne Discussions, shai....@gmail.com, cf2...@gmail.com
Hi Shai,

All components are with Background only, no where I have set Gradient (I had already removed gradient as you had suggested this earlier)

@Chen, yes I tried again by setting transparency to 255 then I tested by setting it 'Derived' also but still no luck.

I follow one of the Shai's suggestion as posted in another question, " ..set border to empty border either through the style or the theme." but that also didn't work in iPhone device.

Any other suggestion ?

Thanks,

Shai Almog

unread,
Jul 29, 2015, 12:18:45 AM7/29/15
to CodenameOne Discussions, akash....@more4apps.com, cf2...@gmail.com, akash....@more4apps.com
Hi,
can you go into more details on how you customized the app then?
What are you using specifically?

akash....@more4apps.com

unread,
Jul 29, 2015, 12:25:22 AM7/29/15
to CodenameOne Discussions, cf2...@gmail.com, shai....@gmail.com

For form style, here are screenshots of theme ..


Shai Almog

unread,
Jul 29, 2015, 12:03:05 PM7/29/15
to CodenameOne Discussions, akash....@more4apps.com, cf2...@gmail.com, akash....@more4apps.com
How big is the image in terms of resolution? Is it possible you are exceeding device GPU limits?

akash....@more4apps.com

unread,
Jul 29, 2015, 4:42:02 PM7/29/15
to CodenameOne Discussions, cf2...@gmail.com, shai....@gmail.com

This is the original image which I am using.

Its HxW is 156x156 pixel and

its size is 2.75 KB


Shai Almog

unread,
Jul 30, 2015, 12:07:02 AM7/30/15
to CodenameOne Discussions, akash....@more4apps.com, cf2...@gmail.com, akash....@more4apps.com
OK, this stumped me.
Can you isolate this into a simple hello world test case that reproduces the issue and file it on the github issue tracker?

akash....@more4apps.com

unread,
Aug 3, 2015, 8:13:46 PM8/3/15
to CodenameOne Discussions, akash....@more4apps.com, cf2...@gmail.com
Hi Shai,

I found the root of the cause.























I had two themes, defined in my res, where apart from that I was using only one, the KISS one.

I was setting my custom theme by
UIManager.getInstance().setThemeProps(myRes.getTheme(myRes.getThemeResourceNames()[0]));//set zeroth positioned theme

So Android was recognizing KISS theme as 0(zero)th positioned and setting that theme to app.
where in iPhone it was taking THEME theme as 0(zero)th positioned and setting that theme to app which was making my hard time.

Anyway, now I solved this, thanks for your support.
Reply all
Reply to author
Forward
0 new messages