Skip navigation
ZIshani
Currently Being Moderated

Building for iPad3 Retina with FB4.7 & AIR 3.5

Feb 10, 2013 11:15 AM

Tags: #ipad #3.5 #retina #4.7

If I build a basic application with only a button and deploy it to an iPad 3, the size of the button appears smaller then If I were to build the same application and run it on an iPad2 (where the button appears the normal size).

 

This is do not understand. I can't find a single bit of info on deploying to an iPad with a retina display anywhere on the net when using Air3.5 and FB4.7.

 

I was under the impression that AIR3.5 can deploy for iOS5.1 and hence support retina displays fine (which 3.1 could not on a windows machine).

 

What are the basic steps to creating an appication usng FB4.7 and AIR3.5 that scale items correctly when viewed on a retnina display please?

 

Thanks

 
Replies
  • Currently Being Moderated
    Feb 12, 2013 2:20 PM   in reply to ZIshani

    Well the first thing to understand:

     

    iPad 1 & 2 have a resolution of 1024x768.

     

    iPad 3 & 4 (Retina) have a resolution of 2048x1536 but the same physical size.

     

    What this means is the pixel density on the iPad Retina resolution is twice as much. This is often referred to as DPI. http://en.wikipedia.org/wiki/Dots_per_inch

     

    What this means is you either need to make your app scale based on resolution or perform your size calculations based on DPI so it's always the same size no matter the DPI. The right method depends upon the app.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 15, 2013 3:09 AM   in reply to ZIshani

    Yes, you need a DPI provider that calculates how to scale your UI based on the device's screen properties during the initialization process, so before your UI is being rendered.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 15, 2013 9:14 AM   in reply to ZIshani

    Both methods are valid. I think you will be surprised how crisp things look on iPad retina scaled 200% but if quality is a concern then yes you can definitely have different images for the different resolutions.

     

    This is a good article to read on that: http://developer.apple.com/library/ios/#documentation/2DDrawing/Concep tual/DrawingPrintingiOS/SupportingHiResScreensInViews/SupportingHiResS creensInViews.html#//apple_ref/doc/uid/TP40010156-CH15-SW1

     

    I would start with scaling everything up first and then if you are not pleased with the look I would move on to making higher quality images for the higher resolutions.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 15, 2013 2:30 PM   in reply to ZIshani

    You would either have to scale the button or create two versions of it.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 7, 2013 5:53 AM   in reply to ZIshani

    If you want the size to stay the same on all your devices, then, I would suggest you set the applictionDPI in your top level application to 160.  Then, the components stay the same size.  There are many posts about why this is the case.  Or, you could avoid pixel size when you size components, but, this would also be difficult, also many posts about sizing/dpi for Flex mobile apps.  This isn't any different than doing web development formatting for monitors that have super high density vs a 640x480 monitor. 

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points