アプリ起動画面とアイコンを変更する

アプリの顔を作る

アプリは見た目も大事です。これまでアイコンも起動画面も、デフォルトの状態でしたが、ちゃんとしたアイコンを設定して見栄えをよくしてみましょう。

学習内容
・アイコンの設定方法
・Icon Set Creatorの使い方
・起動画面の設定方法

1．アイコン

下の画像をCtrlキーを押しながらクリック（あるいはパッドを二本指でクリック）して『名前を付けて保存』してください。
これは1024*1024のPNG形式の画像ファイルです。

通常、ダウンロードフォルダに保存されます。
この画像を元にアイコンファイルを作ります。

iPhoneアプリのアイコンは、さまざまなサイズ（画素数）を用意しなくてはなりません。
各種デバイスの解像度や用途別に10種類以上用意する必要があり、大変に面倒です。
手間を省くために『Icon Set Creator』というMacアプリを使います。
1つの画像から各サイズの画像ファイルを作ってくれるアプリです。

2.Icon Set Creatorをインストール

App Storeアプリを起動して、検索窓に『Icon Set』と入力して検索してください。
※レンタルパソコンの場合はインストール済みなので3に進んでください。

左上に出てくると思うのでクリックしてください。

『入手』をクリックしてください。

『Appをインストール』をクリックしてください。無料です。

インストールが終わると、ボタンが『開く』になります。
クリックしてIcon Set Creatorを起動してください。

起動しましたね？

3.各種アイコンを作る

起動したら、Finderでダウンロードフォルダを開き、icon.pngをIcon Set Creatorにドラッグ＆ドロップしてください。

すると下の画像のようになります。

Platform（プラットフォーム）を『iOS』にして『Go!』ボタンをクリックしてください。

4.保存する

Go!ボタンをクリックすると保存場所の選択画面になります。乗換案内アプリのファイルが入っているフォルダを開いてください。
書類/norikae/norikaeなどでしょうか？
場所を決めて『Open』をクリックすると保存されます。

保存すると『iOS』というフォルダができて、その中に『AppIcon.appiconset』というフォルダがあるはずです。
その中身は下の画像のようになっています。これらが各サイズのアイコンです。

アイコンが入っている『AppIcon.appiconset』フォルダを、フォルダごと『norikae/Assets.xcassets』にコピーしてください。
Contents.jsonも、もれなく上書きコピーしてください。

ファイルの上書き確認が出たら『置き換え』を選んでください。

5.Xcodeで確認する

Xcodeでアイコンがきちんと設定されたか確認します。
『norikae』をXcodeで開いているならそのまま、開いていないのなら『メニュー→File→Open Recent（最近開いたファイル）』からnorikae.xcodeprojを開いてください。
Xcodeのファイル一覧で『Assets.xcassets』をクリックし、『AppIcon』をクリックして、各サイズのアイコンが表示されればOKです。