通知関連

iOS5では、かなり多くの新機能が搭載されました。
「脱獄の後追い」とまで言われたiOS5ですが、その代表格と言って良いほどの新機能の1つが「通知センター」です。
ここでは、ファイル名に"BulletinList"が含まれるファイルを紹介します。

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

参考にしてください。

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

テーマ名/Bundles/com.apple.springboard/
BulletinListAlertAccessory@2x.png

(28×30)


BulletinListCellSelection@2x.png

(1×80)


BulletinListCellSeparator@2x.png

(2×4)


BulletinListCornerBottomLeft@2x.png

(15×16)


BulletinListCornerBottomRight@2x.png

(15×16)


BulletinListCornerTopLeft@2x.png

(15×16)


BulletinListCornerTopRight@2x.png

(15×16)


BulletinListFadeMask@2x.png

(2×46)


BulletinListGrabber@2x.png

(90×34)


BulletinListLinen@2x.png

(960×960)


BulletinListLockScreenFirstAlertBG@2x~iphone.png

(608×94)


BulletinListLockScreenGrabber@2x~iphone.png

(90×34)


BulletinListLockScreenLargeAlarmButton@2x~iphone.png

(72×60)


BulletinListLockScreenLargeAlertButton@2x~iphone.png

(96×60)


BulletinListLockScreenLargeAlertCancelButton@2x~iphone.png

(96×60)


BulletinListMagicPocket@2x.png

(2×12)


BulletinListSectionHeader@2x.png

(2×85)


BulletinListShadowBottom@2x~iphone.png

(120×73)


BulletinListTab@2x.png

(94×42)


BulletinListUnreadAccessory@2x.png

(20×20)


BulletinListUnreadAccessoryHighlighted@2x.png

(20×20)


BulletinListX@2x.png

(22×22)


BulletinListXBG@2x.png

(38×40)


ページトップへ

2011/03/03

遊んでみた

通知センターは、部分的ではなく全体にバランス良く変更したいネタなのですが、アイデアがなかなか出てこないので、とりあえず背景のみを変更してみます。
と言っても、その背景のアイデアすら出てこないので、いつものように、iPhone内にある画像で探しました。
いつもなら、結局リンゴちゃんになるところなのですが、Activate.pngがオリジナルの高さと同じ高さだったので、今回はこれを使います。
ただ、高さは同じでも幅が違うので、この画像は、オリジナル背景の中央に配置することにします。


では、実際に適用してみたスクリーンショットを見てみましょう。
横幅中央に配置した背景画像ですが、右寄りになっていますね。
幅960pxの中央に配置してこの表示ということは、中央合わせする訳でもなく、全体が収まるように縮小する訳でもなく、画像をそのまま表示しているため、画面の左上と画像の左上が一致するようになっています。

そのまま表示するなら、640×960の画像で良いのにね。

逆に考えると、答えはすぐに出ます。
横も960pxにする必要があると考えると、横960pxで表示する時があるから必要な訳で、そのような状況は画面を横にした時くらいしかないので、Safariで横向き表示にし、その状態で通知センターを呼び出してみました。


思った通り、中央配置の表示になりました。

メッセージの背景と同様に、横向き表示も意識した背景を用意するようにしましょう。

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

ページトップへ

2012/02/26