スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


このエントリーをはてなブックマークに追加

ボタン(UIButton)の画像を簡単にアニメーションさせる方法

ボタンコントロール(UIButton)は背景画像や前景画像を貼るだけでなく、複数の画像を順番に表示させることでアニメーションさせることもできる。

①アニメーションさせたい画像を準備する

今回は、次のような12パターンの画像を準備。

q-1.pngq-2.pngq-3.pngq-4.pngq-5.pngq-6.png

q-7.pngq-8.pngq-9.pngq-10.pngq-11.pngq-12.png


ここでは、画像のファイル名を、q-1.png、q-2.png ... q-12.png とした。下のコードを見れば分かるように、連番のファイル名にしておくとファイル名をfor分で自動生成できるので便利。

②準備した画像をプロジェクトに追加する

③ボタンコントロールを配置し、プログラムからアクセスできるようにする

Interface Builderからボタンを配置し、Outletで接続するか、
プログラムでボタンを生成する。
 
④viewDidLoadでアニメーション画像を設定

ViewControllerのviewDidLoadメソッドに以下のコードを追加する。


NSMutableArray *images = [[[NSMutableArray alloc]init]autorelease];

for (int i=0; i<12; i++) {
    NSString *imageName = [NSString stringWithFormat:@"q-%d.png", i+1];
    UIImage *image = [UIImage imageNamed:imageName];
    [images addObject:image];
}

[self.questionButton setImage:[images objectAtIndex:0] forState:UIControlStateNormal];
self.questionButton.imageView.animationImages       = images;
self.questionButton.imageView.animationDuration     = 1.2f;
self.questionButton.imageView.animationRepeatCount  = 0;
   
[self.questionButton.imageView startAnimating];


※self.questionButtonは、②で生成したボタンコントロールのインスタンスとする

animationDurationでアニメーション開始から終了までの時間を秒単位で指定する。animationRepeatCountで繰り返し回数を指定する。回数を無限にしたい場合、上記サンプルのように、0を指定すれば良い。



このエントリーをはてなブックマークに追加

テーマ : プログラミング
ジャンル : コンピュータ

コメント

非公開コメント

iPhoneアプリ紹介
パズルナビ for パズドラ 2016
最強のコンボツール!
colorization-large-icon.png

スクリーンショットを読み込むとコンボを自動計算してくれるパズドラの攻略アプリです。


AirRuler
(簡易距離計)

リモートで簡単に距離を測定できるアプリ!
colorization-large-icon.png

目標地点に向けてiPhoneを傾けるだけで簡単に距離を測定できます。ゴルフの距離測定機能付きパターの代わりにも使えます。


補色残像アート
~見えない色が見えてくる~
白黒なのにカラーに見えてしまう不思議な映像を体験しよう!
colorization-large-icon.png

補色残像という目の錯覚を利用して、白黒写真がカラーに見える不思議な映像を作成できます。作成した映像は、アニメGIFに変換したり、Twitterに投稿することもできます。


タイピング革命
フリック練習はタイピング革命で!ネットランキングで盛り上がろう!
icon-l-typing.jpg

オンラインランキング上のプレイを閲覧できるリプレイ機能付き!フリック入力とローマ字入力に完全対応したタイピング練習アプリです。初心者も安心のトレーニングモード付き。

★なんと!あのAppBank様に紹介して頂きました!!
typing-sale-led.gif


簡単3Dカメラ
iPhoneで手軽に3D写真を楽しもう!平行法/交差法/アナグリフ/グラグラ3Dに対応。
icon-l-3d.jpg

2枚の写真を撮影するだけで、裸眼で立体視できる3D写真が作成できます。85円でステレオ写真もアナグリフも楽しめるのは簡単3Dカメラだけ!

プロフィール

あらきんぐ☆

Author:あらきんぐ☆
はじめまして。あらきんぐです。
4月からiPhoneを購入し、その魅力に取り付かれて、気がついたらアプリ開発の道へ!仕事でプログラム開発をしていますが、基本「動けばOK!」な適当エンジニアです。適当でもアプリは作れる!っていう事を、ブログを通じて証明していきたと思います。

最新記事
最新コメント
最新トラックバック
カテゴリ
FC2カウンター
全記事表示リンク

全ての記事を表示する

Twitter
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR
アクセスランキング
[ジャンルランキング]
コンピュータ
309位
アクセスランキングを見る>>

[サブジャンルランキング]
プログラミング
31位
アクセスランキングを見る>>
オススメ商品
iPhone/iPodと一般オーディオを繋ぐ貴重なアイテム!
アプライドオリジナルアイテム MBB...

アプライドオリジナルアイテム MBB...
価格:3,980円(税込、送料別)

開発中級者にオススメ!「こんなことができるんだ!」と驚かされる一冊
【送料無料】iPhone...

【送料無料】iPhone...
価格:1,500円(税込、送料別)

安い!シンプル!カッコいい!
希少なiPhone対応キーボード内蔵ケース
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。