フォルダー関連

iPhoneの中核を担うiOSですが、バージョン4になることで大きく変化しました。
Retinaディスプレイに対応するためにファイル構成が変わりましたが、使い勝手を良くするための変化もあります。
その１つがフォルダー機能です。

オリジナル画像サイズ詳細

ドロップ用の画像内のフォルダーサイズが、実際のフォルダーサイズよりも大きいことがポイントとなります。そのようにすることで、ドロップ時の演出が醸し出されます。
下部シャドウは全幅画像ですので、好きにできますね。


参考にしてください。

テーマ構成ファイル一覧　＆　オリジナル画像

テーマ名/Bundles/com.apple.springboard
	FolderIconBG@2x.png（118×124） FolderIconBG@2x~iphone.png（118×124）
	FolderDropBG@2x.png（352×352） FolderDropBG@2x~iphone.png（352×352）
	FolderSwitcherBG@2x.png（640×960） FolderSwitcherBG@2x~iphone.png（640×720）
	FolderTitleEditField@2x.png（58×58）
	FolderShadowTop@2x.png（2×56） FolderShadowTop@2x~iphone.png（2×48）
	FolderShadowBottom@2x.png（640×76） FolderShadowBottom@2x~iphone.png（1×54）
	FolderNotchHighlight@2x.png（48×26） iOS4.2.1にはありませんでした
	FolderShadowNotch@2x.png（48×78） FolderShadowTopNotch@2x~iphone.png（48×78）
	FolderShadowBottomNotch@2x~iphone.png（48×80）

iOS4.2.1で検証しているのですが、ファイル構成が大きく変わっています。
"~iphone"の文字が加わったのですが、次期iPhoneの匂いがするので、これに関してはブログの方で語りたいと思います。　勘違いでした。こちらもブログで語りました。
"-iphone"付きのファイルは、iOS4.2.1で確認したものです。

ページトップへ

遊んでみた

困った時のリンゴちゃんです。

アイコンドロップ時のスクリーンショットです。

ドロップ時の画像は、サイズが大きいので、遊ぶ自由度は高いですね。

フォルダーを開いた時のスクリーンショットです。

ここで、注目して欲しいのは、フォルダー上部のシャドウです。
基本画像の幅は2pxなので、それを引き延ばして表示するのは他の画像と同じなのですが、自作したテスト画像は、グラデーションアルファの右側にソリッドラインを残してみたのです。
もちろん、くっきり表示されるのは分かっていたのですが、両者の中間色が表示されています。
これは想定外でした。
この特性を活かすと面白いものができるかもしれませんね。

ちなみに、この下部シャドウですが、マルチタスクスイッチャーでも表示されます。

＜注意＞
これらはすべてiOS4.0.1でのテストです。

今回のテストテーマをこちらで配布しています。
boke_folderのダウンロード

ページトップへ

2011/04/26