More than 5 years have passed since last update.

3分でできる。12.9-inch iPad Pro (第3世代) (2018) 全画面対応法

Last updated at 2019-08-07Posted at 2019-03-21

Appleは2019/03/27から
iPhone XS Maxと12.9-inch iPad Pro (3rd generation)の
全画面対応を必須にすると発表しました。
Upcoming App Store Submission Requirements

iPad Pro (2018版)対応は後回しにしていたので
**「リリースできねーよ！」**って青くなっている方も多いんじゃないでしょうか？

製品が発表されてからすぐに対応してれば良かったのにね。

Appの提出

2019年3月以降、 App Storeに提出されるすべてのiOS Appは、
iOS 12.1以降のSDKでビルドされ、
iPhone XS Maxまたは12.9インチ iPad Pro（第3世代）の
オールスクリーンのデザインをサポートする必要があります。

(October 30, 2018)から言ってたでしょ。

現状

いにしえより開発をしていたのでLaunchImageで起動画面を表示しています。

Launch Screen Fileは空欄。

もうこの方法では12.9-inch iPad Pro (3rd gen)の全画面に対応できません。

このままアプリを起動すると以下のようになります。

[起動画面]

[アプリ画面]

おわかりいただけただろうか？
アプリ画面の周囲に黒い枠が付いています。

対策

1.プロジェクトにLaunchScreen用のstoryboardを追加する。

1.Xcodeのメニューから File > New > File... を選択する。
2.User Interface > Launch Screen を選択する。

3. こんな感じになる。(起動画面で表示するロゴも追加しといた)

2.LaunchScreen用のstoryboardを編集する。

デフォルトで変なレイアウト設定が付いているので、がっつり変更する。
Use as Launch Screenにチェックが入ってるのが重要みたいよ。

3.Projectファイルの変更

Launch Screen Fileに先ほどのstoryboardを設定する。
Launch Images Sourceはもう使わないのでDon't use asset catalogsを選択する。

4.LaunchImageの削除

Assets.xcassetsからLaunchImageを削除する。
フォルダ Assets.xcassets > LaunchImage.launchimageを削除する。

えっ？！LaunchImageを表示してるViewControllerがあるって？
起動を頑張ってる感を演出したいって？！
(そこは各自で考えてくれ)

起動してみよう

[起動画面]

祝え！**12.9-inch iPad Pro (3rd gen)に対応した起動画面** 表示の瞬間である。 (黒枠がないことに注目)

[アプリ画面]

(黒枠がないことに注目) おやおや、都合良くはいかないようだね。 (ピンク色の領域も全画面になって欲しかった...

)

12.9-inch iPad Pro (3rd gen)の全画面に対応することで画面サイズが変化します。
レイアウト設定を固定値で作ってあったりすると、画面表示が崩れることが発生します。

地道に全画面表示チェックとレイアウト修正をがんばるしかありません。
storyboardのUse Safe Area Layout Guidesにチェックを入れるのをお忘れなく。
100画面あるアプリだったら、3人15日でできるかな？

「画面表示が崩れているのに見逃すかもしれない。。。」
開発者の美的感覚が疑わしい場合はデザイナーも巻き込んで作業することになります。

keyWindowサイズを変更する

「全画面チェックとレイアウト修正なんかやってられない。」
「なんとしても2019/3月中にリリース」という場合は、
以下のようなコードをアプリ初期化と画面回転時に入れて、
keyWindowをiPadの画面サイズに変更してしまうことも考えられます。
具体的にどこに入れるかはアプリの構造によるので省略します。

すでにkeyWindowをいじっているアプリでは動かないかもしれません。

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {

    let shorterSide: CGFloat = 768
    let longerSide:  CGFloat = 1024
        
    if UIDevice.current.orientation.isLandscape {
        resizeKeyWindow(CGSize(width: longerSide, height: shorterSide))
    } else {
        resizeKeyWindow(CGSize(width: shorterSide, height: longerSide))
    }
}

/// Resizes the keyWindow.
///
/// - parameter size: Size of the keyWindow.
func resizeKeyWindow(_ size: CGSize) {
    guard let keyWindow = UIApplication.shared.keyWindow else {
        return
    }

    var frame = keyWindow.frame

    frame.size.width  = size.width
    frame.size.height = size.height
    
    let screenSize = UIScreen.main.bounds
    frame.origin.x = (screenSize.width  - frame.width)  / 2
    frame.origin.y = (screenSize.height - frame.height) / 2

    keyWindow.frame = frame
}