通知関連

「脱獄の後追い」とまで言われたiOS5から採用された機能の1つである「通知センター」ですが、iOS6で強化されたのかは分かりません。

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

参考にしてください。

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

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

(32×34)


BulletinListCellSelection@2x.png

(2×80)


BulletinListCellSeparator@2x.png

(2×4)


BulletinListCornerBottomLeft@2x.png

(16×16)


BulletinListCornerBottomRight@2x.png

(16×16)


BulletinListCornerTopLeft@2x.png

(16×16)


BulletinListCornerTopRight@2x.png

(16×16)


BulletinListCriticalIcon@2x.png

(40×40)


BulletinListFadeMask@2x.png

(2×46)


BulletinListGrabber@2x.png

(90×34)


BulletinListLinen@2x.png

(960×960)


BulletinListLockScreenFirstAlertBG@2x~iphone.png

(608×94)


BulletinListLockScreenGrabber@2x.png

(90×34)


BulletinListLockScreenLargeAlarmButton@2x.png

(72×62)


BulletinListLockScreenLargeAlertButton@2x.png

(96×62)


BulletinListLockScreenLargeAlertCancelButton@2x~iphone.png

(96×62)


BulletinListMagicPocket@2x.png

(2×12)


BulletinListSectionHeader@2x.png

(2×84)


BulletinListShadowBottom@2x~iphone.png

(120×74)


BulletinListTab@2x.png

(94×42)


BulletinListUnreadAccessory@2x.png

(22×23)


BulletinListUnreadAccessoryHighlighted@2x.png

(22×23)


BulletinListVIPAccessory@2x.png

(22×23)


BulletinListVIPAccessoryHighlighted@2x.png

(22×23)


BulletinListX@2x.png

(22×22)


BulletinListXBG@2x.png

(38×40)


BulletinModalAlertVIPAccessory@2x.png

(38×40)


ページトップへ

遊んでみた

通知センターは、部分的ではなく全体にバランス良く変更したいネタなのですが、アイデアがなかなか出てこないので、とりあえず背景のみを変更してみます。
今回も、iOS6での再検証です。
と言う訳で、オリジナルの高郷同じ高さを持つActivate.pngを使います。
ただ、高さは同じでも幅が違うので、この画像は、オリジナル背景の中央に配置することにします。


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

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

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


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

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

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

ページトップへ

2012/12/25