その他ステータスアイコン

iPhoneのステータスバーには、状態を示すいろいろなアイコンが表示されます。
普段いつも目にするものから、一度も見たこともないものまでいろいろ用意されています。

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

ステータスバーに表示されるアイコンの一番の特徴は、横は幅いっぱいで、縦は十分に余白を取っているところですね。
自作する場合は、このサイズに沿った方が良さそうです。
縦いっぱいに作ると、表示はされますがバランスが崩れます。
横幅をはみ出すと、表示はされても隣のアイコンが消えると思って下さい。

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

テーマ名/UIImages/
明色背景用：	Silver_Airplane@2x.png 機内モード（32×40）
	Silver_Alarm@2x.png アラーム（20×40）
	Silver_Bluetooth@2x.png Bluetooth（22×40）
	Silver_BluetoothConnected@2x.png Bluetooth接続時（22×40）
	Silver_CallForward@2x.png （24×40）
	Silver_CARRIER_IPOD@2x.png iPodのキャリア画像（50×40）
	Silver_DataTypeEDGE@2x.png （12×40）
	Silver_DataTypeGPRS@2x.png （14×40）
	Silver_DataTypeUMTS@2x.png （30×40）
	Silver_HeadsetBatteryBG@2x.png （38×40）
	Silver_HeadsetBatteryFill@2x.png （2×40）
	Silver_HeadsetLowBatteryFill@2x.png （2×40）
	Silver_Location@2x.png 位置情報サービス（26×40）
	Silver_Play@2x.png 再生中（19×40）
	Silver_Plus@2x.png （20×40）
	Silver_RotationLock@2x.png 画面の回転をロック（40×40）
	Silver_TTY@2x.png （22×40）
	Silver_VPN@2x.png （40×40）
暗色背景用：	Black_Airplane@2x.png 機内モード（32×40）
	Black_Alarm@2x.png アラーム（20×40）
	Black_Bluetooth@2x.png Bluetooth（22×40）
	Black_BluetoothConnected@2x.png Bluetooth接続時（22×40）
	Black_CallForward@2x.png （24×40）
	Black_CARRIER_IPOD@2x.png iPodのキャリア画像（50×40）
	Black_DataTypeEDGE@2x.png （12×40）
	Black_DataTypeGPRS@2x.png （14×40）
	Black_DataTypeUMTS@2x.png （30×40）
	Black_HeadsetBatteryBG@2x.png （38×40）
	Black_Location@2x.png 位置情報サービス（23×40）
	Black_Lock@2x.png ロック中・・・（20×40）
	Black_Play@2x.png 再生中（20×40）
	Black_Plus@2x.png （20×40）
	Black_RotationLock@2x.png 画面の回転をロック（40×40）
	Black_TTY@2x.png （22×40）
	Black_VPN@2x.png （40×40）

＜注意＞
ここで紹介しているファイル名や画像サイズは、Retinaディスプレイ用です。
@2xファイルのみで@2xファイルが表示されるものもありますが、今回ここで紹介したUIImages内のアイコンは、「@2xファイル」と「@2xを省いたファイル」をセットで用意しないと@2xファイルが表示されません。
画像自体は@2xファイルをコピーしたもののままで構いませんので、２つのファイルをセットで用意することに注意して下さい。

ページトップへ

遊んでみた

これもアイデアがなく、画像の入れ替えができるかどうかの確認だけになります。
だからと言って、遊び心を忘れてはいけないので、アラームアイコンを目覚まし時計にしました。
随分クラッシックな目覚まし時計ですが、あえてこのデザインで作ってみました。
初めは「3G」を、「3爺」で作ったのですが、嫁さんに却下されました。
でもせっかく作ったので、ダウンロード用には入れておきます。

スクリーンショットです。
やはり、「3爺」は駄作ですね・・・

僅かな数の明色用しかありませんが、今回のテストテーマをこちらで配布しています。
boke_status_iconsのダウンロード

ページトップへ

2011/05/03

遊んでみた２

ステータスバーに表示されるアイコンなのですが、ロック画面のみで表示されるアイコンです。
ロック画面のステータスバーには時計表示がなく、その場所にこのロックアイコンが表示されます。そのため、このアイコンの横にはかなりの余白が出現します。
という訳で、今回はオーバーサイズで遊んでみます。
中途半端なオーバーサイズでは意味がないので、いきなりMax幅の640pxで試してみましょう。
オリジナル画像を中央に残し、全体の画像幅を640pxにした透過画像を用意しました。

これだけ？？？

透過画像だからと思って640pxの画像にしたのですが、他の画像を退けてまで自己主張しているんですね。
どうやら、ステータスバーのアイコンは他の画像と重ならないようです。
まぁ、これはこれで良いのかもしれませんね。
boke_status_lockのダウンロード

基本的には、オリジナルを尊重するのですが、ロック中であることを文字で表したものも作ってみました。
特にひねることなく、160pxの画像を用意しました。
こんな感じです。
やはりシンプルなオリジナルが一番ですかね？
boke_status_lock2のダウンロード

現在、2011年7月24日　午後５時
アナログで27時間テレビ観ながら作成しています。
テレビでh歴史的な瞬間と言っていたのに、何だか拍子抜けしています・・・