Launch image VS SplashScreenImage on iPhone5

Question

Hi!
I developed an app for iOS and Android. The app is working fine, but as everyone else, I too have a problem with adjusting the app for iPhone5 :/
I'm working on FlashBuilder 4.6 with Adobe AIR SDK 3.5.0.600 on Windows.
First, I have to say that I included the [email protected] (size 640x1136) in my src folder.
Launch image is appearing OK!
The problem starts when I want to display my SplashScreenImage...
Here's what I've done so far :
1. I'm using populary called DynamicSplashScreenImage.mxml that looks like this :
<s:SplashScreenImage xmlns:fx="http://ns.adobe.com/mxml/2009"
                                                   xmlns:s="library://ns.adobe.com/flex/spark">
          <!-- Default splashscreen image. -->
          <s:SplashScreenImageSource
                    source="@Embed('assets/splash/splash_160.png')"/>
          <s:SplashScreenImageSource
                    source="@Embed('assets/splash/splash_240.png')"
                    dpi="240"/>
          <s:SplashScreenImageSource
                    source="@Embed('assets/splash/splash_320.png')"
                    dpi="320" />
          <s:SplashScreenImageSource
                    source="@Embed('assets/splash/splash_320_i5.png')"
                    dpi="320" minResolution="1000" />
</s:SplashScreenImage>
So, I'm using the "minResolution" property to make the diference between iPhone4 and iPhone5 display.
This, unfortunately doesn't seam to work as it should... :/
Could someone please help me on this?
Thanks!

Answer 1

Okay, I ended up creating a DynamicSplashScreen Class in ActionScript and it looks like it's working. I changed the splashScreenImage property in my default mxml file to point to the new Actionscript class. While debugging it, I noticed it seems to call getImageClass 2x and the first time through the resolution is always 1000 - even on the iPhone 4. Not sure why this is happening, but I wanted to point it out. The only thing that I noticed is that when viewing on an iPhone 5/iPod Touch 5, I noticed that there is a slight shift with the image after a second. I am assuming that it is moving from the launch image in the src directory to where I have the splash image in the assets folder. Haven't found a way to fix this yet. There might be a better way to do this, but for now this should hopefully work!
package views
    import flash.display.StageAspectRatio;
    import spark.preloaders.SplashScreenImage;
    import spark.preloaders.SplashScreenImageSource;
    public class DynamicSplashScreenImage extends SplashScreenImage
        protected var s1:SplashScreenImageSource = new SplashScreenImageSource()
        protected var s2:SplashScreenImageSource = new SplashScreenImageSource();
        protected var s3:SplashScreenImageSource = new SplashScreenImageSource();
        [Embed(source='assets/Default.png')]
        protected var s1Source:Class;
        [Embed(source="assets/[email protected]")]
        protected var s2Source:Class;
        [Embed(source='assets/[email protected]')]
        protected var s3Source:Class;
        public function DynamicSplashScreenImage()
            super();
        override public function getImageClass(aspectRatio:String, dpi:Number, resolution:Number):Class
            var splashClass:Class;
            s1.source = s1Source;
            s2.source = s2Source;
            s2.minResolution = 920;
            s2.aspectRatio = flash.display.StageAspectRatio.PORTRAIT
            s3.source = s3Source;
            s3.minResolution = 1096;
            s3.aspectRatio = flash.display.StageAspectRatio.PORTRAIT
            switch(resolution){
               // iphone 5
                case 1096:
                    splashClass = s3Source;
                    break;
               // iPhone 4
                case 920:
                    splashClass = s2Source;       
                    break;
               //iPhone 3
                default:
                    splashClass = s1Source;
                    break;
            return splashClass;
Hope this helps!