- This topic has 9 replies, 4 voices, and was last updated 11 years, 7 months ago by
.
-
Posts
-
Hi guys!
I am trying to built a mobile app using MobiOne(licensed) and on the very first interface i am in trouble. I am new to mobile development and the very first issue is to cope up with different resolutions.
I need some guidelines and help how to overcome this thing.
Look at attached image .
My layout is not responding to different resolutions not even to IPhone 5. I try to configure the width/height automatic and Auto Re size.
Please help me to solve the issue.
Regards,
TanzeelHi There,
The trick is to use transparent penels to postion your content and then use the resize optuions to postion your content within the panels.
I did a qiuck demo in this thread, hope it helps
http://www.genuitec.com/support-genuitec/viewtopic.php?f=8&t=5008
Paul
Hey Paul,
Thanks for you reply. I tried using your guideline. but the panels are overlapping. Please advise !
Attached the screen shot.you need to set the panels autoresize properties so that they don’t overlap on different screens.
http://www.genuitec.com/mobile/docs/advancedUIDesign/advancedUIDesign.html
There are qwerks with iphone 5 development and some developers use seperate pages for either iphone 4 or 5 se here for an thread discussing this.
http://www.genuitec.com/support-genuitec/viewtopic.php?f=8&t=5254
Hope this helps
Paul
As you saw from that thread link, that’s the approach I take, as auto-resize is a mess and users are very unforgiving. I need my apps to look good first time, all the time.
It also gives me a lot of freedom to take advantage of the larger screen on iPhone 5 – for example a larger Google map widget on a page, or a larger text area. If I decide to make an iPad or iPad mini version of the app, I can roll those into the same executable.
I wish autoresize worked well, but it sadly doesn’t.
-1TC
@1thinchip wrote:
As you saw from that thread link, that’s the approach I take, as auto-resize is a mess and users are very unforgiving. I need my apps to look good first time, all the time.
It also gives me a lot of freedom to take advantage of the larger screen on iPhone 5 – for example a larger Google map widget on a page, or a larger text area. If I decide to make an iPad or iPad mini version of the app, I can roll those into the same executable.
I wish autoresize worked well, but it sadly doesn’t.
-1TC
I agree, the auto resize is a bit flaky to say the least. I’ve done a lot of time trying to sort out content spacing and got it working pretty well for landscape and portrait mode on the same device. Once you start trying multiple devices screen sizes it just falls over making cross device applications a no go without something like your work around. My problem is that my apps have a lot of visual content so if I was to duplicate the app 3 times for IPAD, Iphone 4 and 5 the app becomes very large making updates a pain. I suppose it means I can release 2 versions a IPad and a duel IPHONE 4,5? But that’s not what most apps tend to do nowadays.
I hope its something that will be looked at soon for a update as I suspect that the Ipad 4 will have a different screen size making it even more difficult.
Support is there any chance of having a look at this? Or is there something in the pipeline to make content positioning easier? Its something which comes up time and time again in the forum?
Thanks
Paul
Thanks guys for your help and quick response.
I am going to built different screens for different resolutions, This way i have more freedom and package in one deployment.
This way i need images for all different devices to retain the image quality. I read the article (link below) but don’t know how much that would be applicable.
http://www.andyyardley.com/2012/03/22/resolution-independent-images-for-html5-based-mobile-apps/
/Tanzeel
@paulD @1thinchip
Share your layout and auto-resize issues here:
http://www.genuitec.com/support-genuitec/viewtopic.php?f=9&t=5340
