iPad Techfirm Lab

One more thing…

      こんにちは!YuiChiLoです         

iPadの起動画像設定

By YuiChiLo

      

iPadの起動画像(スプラッシュ画像)の設定方法を紹介します。





iPhoneと同様に、iPadでも起動画像(スプラッシュ画像)を設定できます。

ユーザにとってのアプリ起動感覚を早めるためにも起動画像は設定した方がいいでしょう。

iPadの場合、iPhoneとは異なり4方向(ホームボタンを基点)に対応させる必要があります。

iPadアプリは様々な方向から起動されることを想定しているためです。



1. サポートする起動向きを指定

まずiPadアプリのサポートする起動向きを指定します。

これは、info.plistの「UISupportedInterface- Orientations」キーによって指定され、サポートする向きを配列で指定します。

全ての方向をサポートする場合は以下のようになります。

このように全ての方向をサポートすることが推奨されています。


2. 起動画像の準備

次に起動画像を準備します。


2.1 画像サイズ

縦と横でそれぞれ画像サイズ(ピクセル)は以下のとおりです。

縦画像:1004(高)  × 768(横)

横画像:748(高) × 1024 (横)

※高さはステータスバーの高さ分短くなります。


2.2 画像名、種類

iPhoneの場合、”Default.png”という画像を起動画像として利用していましたが、iPadで以下の画像を使用します。

1:Default-Portrait.png(汎用縦:ホームボタンが下)

2:Default-PortraitUpsideDown.png (逆縦:ホームボタンが上)

3:Default-LandscapeLeft.png(横左:ホームボタンが左)

4:Default-LandscapeRight.png(横右:ホームボタンが右)

5:Default-Landscape.png(汎用横)


これのファイルは全ての方向をサポートして用意することが推奨されていますが、方向をサポートしていても画像がない場合は以下の優先度順に指定されます。

[ 縦 ]:Default-Portrait.png → Default.png

[ 逆縦 ]:Default-PortraitUpsideDown.png → Default-Portrait.png → Default.png

[ 横右 ]:Default-LandscapeRight.png → Default-Landscape.png → Default.png

[ 横左 ]:Default-LandscapeLeft.png → Default-Landscape.png → Default.png




実際にアプリを起動するとそれぞれ以下のようになります。
すべてのホームボタンの向きに起動画像が対応しています。


ホームボタンが下(Default-Portrait.png)

ホームボタンが上(Default-PortraitUpsideDown.png)

ホームボタンが右(Default-LandscapeRight.png)

ホームボタンが左(Default-LandscapeLeft.png)




3.ユニバーサルアプリの場合の指定

ユニバーサルアプリにて、iPadとiPhoneそれぞれに起動画像を準備したい場合は、info.plistの「UILaunchImageFile」キーを指定します。

iPad用の画像を指定する場合は以下のような指定の仕方ができます。


3.1 info.plistの指定

「UILaunchImageFile~ipad」キーに”MyiPadImage.png”を指定


3.2 準備する画像

MyiPadImage-Portrait.png

MyiPadImage-PortraitUpsideDown.png

MyiPadImage-LandscapeLeft.png

MyiPadImage-PortraitUpsideDown.png






Category: Tips, iPad

Tagged: ,

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

3 Tweets

4 Responses

  1. [...] [link]iPadの起動画像設定 | iPad Techfirm Lab [...]

Leave a Reply

Additional comments powered by BackType

カレンダー

2012年2月
« 11月    
 12345
6789101112
13141516171819
20212223242526
272829  

人気エントリー