Xcode Launch Imageの設定方法

<img width="1440" alt="スクリーンショット 2018-04-25 22.58.11.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/b092a73f-ec1a-4722-e334-6dedac660421.png">


# まえがき
LaunchImage（アプリを立ち上げる時に一瞬表示される画面）を設定しようとした時の流れをまとめます。

# 流れ
- プロジェクトを作成する
- プロジェクトファイルを開く
- アセットフォルダを選択する
- アセットフォルダを開き、LaunchImageアセットカタログの前処理を行う
- アセットカタログに画像を設定していく
- プロジェクトファイルでLaunch Screen Fileを空にする
- 実行して確認する


# 解説

## プロジェクトを作成する
- 今回はシングルビューで作成を行いました

<img width="1440" alt="スクリーンショット 2018-04-25 22.42.17.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/d8499ca4-d656-caf3-e4fb-070dedcfd048.png">


## プロジェクトファイルを開く
- ナビゲーターからプロジェクトファイルを洗濯します
- プロジェクトファイルのGeneral>App Icon and Launch image>Launch image Souceを選択します

<img width="1440" alt="スクリーンショット 2018-04-25 9.56.00.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/14ad779c-890b-f526-c903-9c652d0bc261.png">


- LaunchImageが入っているor入れる予定の Assetフォルダを選択します（今回はデフォルトのフォルダを選択します）

<img width="1440" alt="スクリーンショット 2018-04-25 17.48.00.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/052d33f8-0185-8b0d-0b3b-75b61c3842ac.png">


- 選択後、見た目は変わってないように見えますが、しっかり適用されています



## アセットフォルダを選択する
- アセットフォルダを開いて見ましょう
- LaunchImageというカタログが作成するされているはずです
- 今回は、事前にアセットフォルダの中に、LaunchImageのアセットカタログを作成していなかったので、自動でアセットカタログが追加されます

<img width="1440" alt="スクリーンショット 2018-04-25 22.50.23.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/957cc694-c3d3-26eb-f319-6cae8f331fb0.png">


## アセットフォルダを開き、LaunchImageアセットカタログの前処理を行う
- デフォルトのカタログですと、なぜかipadのサイズしか表示されていません

<img width="1440" alt="スクリーンショット 2018-04-25 22.46.28.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/7877d1f1-21a6-2b8c-db14-ee2148f4154b.png">


- カタログのユーティリティからipadサイズを削除、iphoneのサイズを追加します
- 今回は、「ios8 and Later」のみ選択します
- 選択するとカタログの枠が画像のようになるはずです

<img width="1440" alt="スクリーンショット 2018-04-25 22.53.58.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/490e894c-d19a-c120-eba6-734a8947cbe5.png">

＊ アラートは気にしなくて大丈夫です


## アセットカタログに画像を設定していく
- 早速、枠に画像をはめていきましょう
- 画像のサイズに関しては、こちらのリンクをご参照ください

https://qiita.com/TD3P/items/b3b754bde584abc98f44

- 今回は、iphone8のサイズのHD4.7だけ準備してはめてみました

<img width="1440" alt="スクリーンショット 2018-04-25 22.58.49.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/abbefa7d-d3e5-fd3d-b751-4e77ff927f0d.png">


## プロジェクトファイルでLaunch Screen Fileを空にする
- 再度、プロジェクトファイルに戻りましょう
- General>App Icon and Launch image>Launch image Souce　がLaunchImageになっているのを確認
- ***[重要]General>App Icon and Launch image>Launch Screen Fileの中を手動で空にしてください***

<img width="1440" alt="スクリーンショット 2018-04-25 22.59.02.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/6915f306-181a-1b40-6316-8241fc82610f.png">



## 実行して確認する

- 実行してみましょう
- 用意した画像サイズにシミュレーターのサイズを設定することを忘れずに

<img width="1440" alt="スクリーンショット 2018-04-25 22.58.11.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/b092a73f-ec1a-4722-e334-6dedac660421.png">


# 補足
## アプリのキャッシュについて
- 設定は間違っていないのに、なぜか何回やっても上手く表示されないことが多々ありました
- そんな時は、シミュレーターの設定を初期化します
- Hardware -> Erase All Content and Settingsから初期化できます

<img width="1440" alt="スクリーンショット 2018-04-25 9.59.52.png" src="https://qiita-image-store.s3.amazonaws.com/0/63060/76edf2a5-c422-9522-a3a4-3fe11bcdc690.png">


## その他の実装方法
起動時の画面を設定する方法は下記の３パターンがあるようです

- 静止画を設定する方法（今回はこれ）
- LounchScreen.storyboardを使用する方法
- SplashViewControllerを使用する方法

下二つはまだよく分かってないので、今後調査します！

## テスト用の画像サンプル

こちらからテスト用の画像をどうぞ
https://drive.google.com/file/d/1ue8Shh-JcFE6KKj6GQr3lyg6x0byxaNw/view?usp=sharing