Skip navigation
Currently Being Moderated

Flex Mobile project scaling with Retina display iPad (3rd gen).

Mar 19, 2012 11:05 AM

Tags: #flex #5.1 #new #mobile #ios #display #ipad #project #the #retina #-platformsdk

Adobe et al,

 

With the new iPad 3 we now have a ton more pixels to utilize. I'm familiar with and have already successfully tested the AIR 3.1+ commandline compiler option (-platformsdk) to get Retina display on the new iPad. In ActionScript mobile projects the content is rendered beautifully on the new iPad. But with Flex Mobile projects, something is happening that causes it to render incorrectly. It's retina display alright, but the size is way too small.

 

Below is an image WITHOUT the -platformsdk build tag, that causes the app to be pixel doubled to fit on the new iPad:

 

FB_Non_Retina.PNG

Notice that it's scaled proportionally, even though the text and components are slightly pixelated. Not a big deal, but noticeable on the device.

 

This image is taken with the app rendering in Retina display (setting the -platformsdk pointing to iOS 5.1 SDK):

 

FB_Retina.PNG

 

As you can see, the text/components are rendered really clear, but the scale is way off. Obviously it's getting the width of 2048x1536 from the device, but it's way too small.

 

How do I fix this? I've tried changing the applicationDPI, but it doesn't fix it. Setting a width/height of 1024x768 does nothing either. It seems we need to overrride a behavior that causes it to fit everything in so small.

 

A little help?

 

Thanks,

 

iBrent

 
Replies
  • Currently Being Moderated
    Mar 20, 2012 10:46 AM   in reply to iBr3nt

    i see same issue, would be nice to see solution... we still using flash as base so we would manually adjust grapics

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 20, 2012 11:49 AM   in reply to iBr3nt

    Richard Lord posted a blog yesterday Using the iPad retina display with Adobe Air and one of the things I noticed is that the new iPad returns a DPI of 132, the specs say the device is 264 ppi. I don't have one of the new iPads, so I can't test this, but it sounds as though this is just a case of the device returning the wrong DPI which is something that has happened before. I'd check the section on this page entitled "Override the default DPI" and see what happens if the device were to return 240 when running on the new iPad.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 20, 2012 6:55 PM   in reply to kevinkorngut

    i will ask my devlopers to try that and see if element will get right size on the screen

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 22, 2012 8:37 AM   in reply to iBr3nt

    nice, thanks a lot!

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 2, 2012 1:49 AM   in reply to kevinkorngut

    Hi,

    I just followed the procedure .I set the applicationDPI as 160 and it shows all the UI elements perfectly in both ipad2 and 3.

    But there is an issue in localToGlobal() . This method returns different values for ipad 2 and 3 and makes so many issues on screen.

    Did any one else experienced the same behavior..?Please can some one verify it..

     

    Any implementation of localToGlobal or globalToLocal will replicate the issue.(tried localToGlobalContent as well with the same result)

     

    Thanks

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 13, 2012 5:55 PM   in reply to bluesquid

    Not sure whether globalToLocal / localToGlobal bug could be anything to do with this?

    https://bugs.adobe.com/jira/browse/FB-35856

    G

     
    |
    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