7月 6, 2010
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




iPadの起動画像設定 | iPad Techfirm Lab http://bit.ly/d2coR2
This comment was originally posted on Twitter
RT @techfirmlab: iPadの起動画像設定 | iPad Techfirm Lab http://bit.ly/d2coR2
This comment was originally posted on Twitter
From News/Blogs: iPadの起動画像設定 | iPad Techfirm Lab: iPadの起動画像(スプラッシュ画像)の設定方法を紹介します。 iPhoneと同様に、iPadでも起動画像(スプラッシ… http://bit.ly/cXPmHy #ipad
This comment was originally posted on Twitter
[...] [link]iPadの起動画像設定 | iPad Techfirm Lab [...]