1、需求介紹

      一個正規的手機APP，都會有啟動Logo畫面，有時候會在啟動畫面載入一定的廣告，例如騰訊新聞、網易新聞；這些APP都會有自己的啟動Logo畫面。設計一個體檢較佳的啟動畫面往往是開發優秀APP的第一步。

2、啟動畫面的實現

      一個完成的啟動畫面應分為兩部分，第一部分IOS系統啟動，這個啟動的畫面伴隨著APP的啟動；第二個畫面是APP自定義畫面，這個畫面往往伴隨著APP的資料初始化、登入等APP初始化工作。這時候啟動畫面可以是Logo畫面，也可以載入廣告圖片。下面分別介紹這兩部分的實現。

第一階段：

      載入時間：這個階段是系統在載入應用，這個階段載入的啟動畫面預設是1秒，如果想要延長這個階段的時間，可以採取下面方法：

在AppDelegate.m里加入執行緒延遲

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions

{

    [NSThreadsleepForTimeInterval:2];

    ...........

}

     Logo圖片的載入：首先需要設定以下選項：

選項設定後，APP就會從資源目錄裡查詢Default.png圖片進行載入。針對不同的解析度，會有不同的圖片選擇：

iPhone 4 320x480               ------->Default.png

iPhone 4s 640x960             ------->[email protected]

iPhone 5/5s 640x1136        -------->[email protected]

IPAD對應不同的Iphone手機。

第二階段：

       自定義啟動畫面一般是在- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions中實現。

我們工程專案裡在這個方法中開始載入自己的畫面LogoViewController，在LogoViewController裡面，進行了廣告的載入，如果沒有廣告資料，則繼續

預設Logo圖片的載入。讓第一階段第二階段看起來只有一張圖片。載入廣告時，直接顯示廣告圖片，但是再次載入原來的Logo讓這兩個階段無縫結合

有點麻煩。

 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{

     .........

     LogoViewController* wLogVC = [[LogoViewController alloc] initWithMainWindow:self.window];

     .........

}

在LogoViewController中，需要根據不同的裝置載入不同的圖片，目前iPhone手機尺寸主要是iPhone 4/4s和Iphone 5/5s，如果不考慮不同的機型以及Retina螢幕問題，會出現Logo圖片“閃調”的現象，這樣的Logo載入是良好的使用者體驗無法容忍的。

程式碼中根據不同的裝置進行判斷載入不同的Logo圖片；

   if(wAdsData != nil)
   {
        //載入廣告圖片

        ......
   }
   else
   {
        if (568 == frameHeight)
        {
            logoImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"[email protected]"]];
        }
        if (480 == frameHeight)
        {
            if (IS_RETINA)
            {
                 logoImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"[email protected]"]];
            } else
            {
                 logoImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Default.png"]];
            }

        }

        [self addSubview:logoImageView];
    }

其中Retina螢幕的判斷：

#define IS_RETINA  ([[UIScreen mainScreen] respondsToSelector:@selector(displayLinkWithTarget:selector:)] && ([UIScreen mainScreen].scale == 2.0))

 然而即使這樣，仔細的觀察還是隱約能夠看到兩個階段之間有略微的閃過。

3、參考資料