2012年7月18日 星期三

從iPhone版本變身為iPhone, iPad通吃的Universal

1. 在target的Summary頁面,將Devices設為Universal。


2. 設定iPad版的Icon
    72* 72,  144*144

3. 設定Launch Image
   768*1004 ,  1536*2008


4. 處理UI
    (1) storyboard case

         a. 建立storyboard for iPad

             從原來的 iPhone版本複製  (File -> Duplicate)

         b. 將iPad版的storyboard命名為MainStoryboard_iPad.storyboard

         c. 在target的info頁面新增Main storyboard file base name (iPad)



         d. 編輯MainStoryboard_iPad.storyboard,  Open As -> Source Code
 



            將targetRuntime設為iOS.CocoaTouch.iPad
            ->
           targetRuntime="iOS.CocoaTouch.iPad"

        e. 重新以storyboard格式open MainStoryboard_iPad.storyboard

           此時版面將更新為iPad版面


   (2) xib case

        a. 建立xib for iPad
            從原來的 iPhone版本複製  (File -> Duplicate)

        b. 命名iPad的xib
            ex: ipad版的test.xib 名稱將為 test~ipad.xib

       c.  編輯xib,  Open As -> Source Code
           com.apple.InterfaceBuilder3.CocoaTouch.XIB
           ->
           com.apple.InterfaceBuilder3.CocoaTouch.iPad.XIB


           IBCocoaTouchFramework
           ->
          IBIPadFramework


      d. 重新以Interface Builder格式open xib

          編輯view的attribute inspector,將size設為iPad Full Screen


    





4 則留言:

  1. 請問是將所有的檔案一個一個重覆上敘的動作嗎??

    回覆刪除
  2. 請問是將所有的檔案一個一個重覆上敘的動作嗎??

    回覆刪除
  3. 哦,不需要,這是以前的做法。現在做 App 畫面是用 Auto Layout,不用這麼麻煩了。

    回覆刪除
  4. 老師您好,有問題向您想請教
    因為某些原因
    App的介面皆是用程式碼撰寫
    也自己設定constraint
    所以把translatesAuto... = false
    在iphone上執行正常
    但在ipad上畫面兩邊會有黑色空隙
    因此想試試Universal
    但這樣前面的UI該怎麼處理呢
    因為MainStoryboard除了各個class以外都沒任何元件了

    感謝

    回覆刪除