アクティビティーインジケーター

iPhoneが何かの処理をする際に、グルグルと回すアレです。
iOS4.Xでは、「プログレスギアー」というファイル名でしたが、iOS5ではファイル名が変更され、種類も7種類に増えました。

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

どれも、サイズいっぱいの画像と思いきや、ビミョーな余白のある画像が3種あります。



参考にしてください。

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

テーマ名/UIImages/
明色背景用

(28×30)

UIActivityIndicatorViewStyleGraySmall@2x.0.png 〜
UIActivityIndicatorViewStyleGraySmall@2x.15.png
UIActivityIndicatorViewStyleGraySmall.0@2x.png 〜
UIActivityIndicatorViewStyleGraySmall.15@2x.png
16コ
明色背景用

(40×40)

UIActivityIndicatorViewStyleGray@2x.0.png 〜
UIActivityIndicatorViewStyleGray@2x.11.png
UIActivityIndicatorViewStyleGray.0@2x.png 〜
UIActivityIndicatorViewStyleGray.11@2x.png
12コ
通知背景用

(32×34)

UIActivityIndicatorViewStyleWhiteSmallShadowed@2x.0.png 〜
UIActivityIndicatorViewStyleWhiteSmallShadowed@2x.15.png
UIActivityIndicatorViewStyleWhiteSmallShadowed.0@2x.png 〜
UIActivityIndicatorViewStyleWhiteSmallShadowed.15@2x.png
16コ
暗色背景用

(28×28)

UIActivityIndicatorViewStyleWhiteSmall@2x.0.png 〜
UIActivityIndicatorViewStyleWhiteSmall@2x.15.png
UIActivityIndicatorViewStyleWhiteSmall.0@2x.png 〜
UIActivityIndicatorViewStyleWhiteSmall.15@2x.png
16コ
暗色背景用

(40×40)

UIActivityIndicatorViewStyleWhite@2x.0.png 〜
UIActivityIndicatorViewStyleWhite@2x.11.png
UIActivityIndicatorViewStyleWhite.0@2x.png 〜
UIActivityIndicatorViewStyleWhite.11@2x.png
12コ
暗色背景用
(大)

(74×74)

UIActivityIndicatorViewStyleWhiteLarge@2x.0.png 〜
UIActivityIndicatorViewStyleWhiteLarge@2x.11.png
UIActivityIndicatorViewStyleWhiteLarge.0@2x.png 〜
UIActivityIndicatorViewStyleWhiteLarge.11@2x.png
12コ
暗色用??

(40×40)

UIActivityIndicatorViewStyleForBlueBackgroundSmall@2x.0.png 〜
UIActivityIndicatorViewStyleForBlueBackgroundSmall@2x.15.png
UIActivityIndicatorViewStyleForBlueBackgroundSmall.0@2x.png 〜
UIActivityIndicatorViewStyleForBlueBackgroundSmall.15@2x.png
16コ

<注意>
ファイルがやたらめったら多いので、連番の画像をまとめました。
<お知らせ>
iOS5.1.1対応ファイル名を追加しました。

<注意>
ここで紹介しているファイル名や画像サイズは、Retinaディスプレイ用です。
iOS4.xの時と違い、iOS5に対応したwinterboardでは「@2xファイル」と「@2xを省いたファイル」をセットで用意する必要がなくなりました。
参考までにこちらをご覧下さい。ーー> artworkファイルについて

ページトップへ

作ってみた

アクティビティーインジケーターのカラーバリエーションを増やしてみました。
Retina用も非Retina用も作ったので、画像ファイル数は200個あります。

<お知らせ>
実際にiPhoneで適用してみたのですが、色付きのアクティビティーインジケーターは、明色背景のときだけにした方が良さそうです。
非常にたくさんの画像を作ったので残しておきますが、やはり見にくい場合は、上記のファイル名を参考にして、暗色背景用画像と通知背景用画像を削除して下さい。
せっかく作ったので、生みの親としては削除できないのです・・・

boke_blue_act_indi.zipのダウンロード


boke_brown_act_indi.zipのダウンロード


boke_green_act_indi.zipのダウンロード


boke_lightblue_act_indi.zipのダウンロード


boke_orange_act_indi.zipのダウンロード


boke_pink_act_indi.zipのダウンロード


boke_red_act_indi.zipのダウンロード


boke_violet_signal.zipのダウンロード


boke_yellow_act_indi.zipのダウンロード


ページトップへ

2011/10/22