ホーム画面とロック画面の背景画像
iPhoneを手にして、おそらく誰もが早い段階で設定するであろう項目が「壁紙」だと思います。
ホーム画面とロック画面それぞれに設定できることは周知の事実かと思いますが、テーマでもこの２つの画面に対して、背景画像を設定することができます。
否が応でも目に入ってくる部分なので、テーマを作る上で、かなり重要度の高い項目かと思います。
テーマ構成ファイル一覧
| テーマ名/ | |
| ホーム画面用の背景画像名： | Wallpaper@2x.png |
| ロック画面用の背景画像名： | LockBackground@2x.png |
遊んでみた
壁紙は、ロック画面とホーム画面に設定できます。
PNG以外の画像でも表示されるのか？
640px × 960px以外の画像サイズの場合、サイズの差はどのように対処されるのか？
これらの疑問を、それぞれの表示画面で遊んでみました。
＜注意＞
「iOS5の棚」をiPhone4×iOS6で再検証しただけですので、使ったテーマも「iOS5の棚」の使い回しです。
JPEG画像（HD） 640px × 960px
ホーム画面
ロック画面
ロック画面もホーム画面もきちんと表示されます。
当然と言えば当然ですね。
JPEG画像（SD） 320px × 480px
ホーム画面
ロック画面
ロック画面はリサイズされ、全画面表示されますが、ホーム画面では、そのままのサイズで表示されます。
JPEG画像（irregular） 706px × 644px
ホーム画面
ロック画面
ロック画面はリサイズされ、全画面表示されますが、ホーム画面では、そのままのサイズで表示されます。
ロック画面のリサイズは、ストレッチではなくズームです。
PNG画像（irregular） 706px × 644px
ホーム画面
ロック画面
ロック画面はリサイズされ、全画面表示されますが、ホーム画面では、そのままのサイズで表示されます。
ロック画面のリサイズは、ストレッチではなくズームです。
再検証のまとめ
紹介した画像以外にGIF画像とTIFF画像も試したのですが、iOS6でもこれまでと同様に全く適用されませんでした。
適用されたもので考察してみましょう。
☆ 適用できるファイル形式は、PNGとJPEGに限定される
☆ ロック画面に対しては、ズームによるリサイズにより、中央寄せで全画面表示される
☆ ホーム画面に対しては何の対処もなく、左端基準でサイズの変更も無くそのまま表示される
これまでと変わりませんね。
2012/11/09
iPhone5では・・・
iPhone5でもその表示のクセは同じです。
ロック画面では、中央寄せで全画面表示されるので、縦長のiPhone5ではより縦に伸ばされるため、より横が削られます。
ホーム画面では、左上基準でそのまま表示されます。
iPhone5用に、640×1,136の画像を用意するのが無難ですね。
2013/02/09
壁紙テーマに関する期待と妄想
iPhone4からRetinaディスプレイが搭載されました。
そのハードを活かすために、OSもiOS4となり、画像の取り扱いが特徴的になりました。
"@2x"がファイル名に付いていれば、その画像を優先して表示するという処理です。
Winterboardによるテーマファイルの取り扱いも、それに準じており、表示されるデバイスによって、画像ファイルが選択されるようになっています。
そのため、表示されるデバイスのことを考えず、１つのテーマにSD画像とHD画像を用意しておけば良いのです。
でもそれは、3.5インチのSDかHDか２種類だった頃までのおはなし・・・
iOS6からは、対応するデバイスに4インチHDが加わりました。
iPhone5のことですね。
用意すべき画像が３種類になったのです。
ここからは、私の願望であり妄想でもあるのですが、Winterboardはこうあって欲しいということを語ります。
SDかHDかどうかの判断は、"@2x"がファイル名にあるかどうかで、その表示も自動的に切り替えられました。
今回、4インチ用の画像の追加により、そのファイル名はどうなったのでしょうか？
iPhone5の壁紙画像を見てみると、100-568h@2x~iphone.pngとなっております。
HD画像だから"@2x"が付いており、iPhone用として"~iphone"が付いているのですが、４インチ用ということで"-568h"が付いています。
この事実に準じて、以下のような壁紙テーマファイルを構成してみました。
LockBackground.png （320×480）
LockBackground@2x.png （640×960）
LockBackground-568h@2x.png （640×1,136）
LockBackground-568h@2x~iphone.png （640×1,136）
"~iphone"付きは念のため用意しました。
このテーマ１つで、デバイスに合った解像度の壁紙が表示されるはずです。
３つのデバイスで適用してみたスクリーンショットを以下に示します。
iPhone3GS
iPhone4
iPhone5
iPhone5では、4インチ用画像が表示されず、3.5インチ用HD画像が表示されています。
winterboardのバージョンアップによって、このテーマがイメージ通り適用される時が来るのでしょうか？
今回のテストテーマを再現したい方はこちら → boke_wallpaper_test
