Apps Amuck Blog 2日目

Apps Amuck Blog
http://appsamuck.com/blog/index.php/2008/11/01/full-list-of-31-days-of-iphone-sdk-apps/

2日目："UIImageView Animations"
2日目は画像でアニメーションを作成するアプリ。がんばるぞー。

■新規プロジェクトを作成
新規Xcodeプロジェクトを作成
iOS > Application > View-based Applicationを選択し、「選択」ボタン
プロジェクト名 bonfire

■UI設計用のウィンドウを起動
"xxxViewController.xib"をダブルクリックし、Interface Builderを起動。

■アニメーションに使用する画像を追加
以下のリンクからソースコードをダウンロード。bonfire/imagesにある。
ソースコード

XcodeのResources > 追加 > 既存のファイル追加
デスティネーショングループのフォルダに項目をコピーする（必要な場合）にチェックをつけて、追加。

■UIImageViewの追加
InterfaceBuilderのViewにライブラリにあるUIImageViewをドラッグ。

■bonfireViewController.h
UIImageViewの宣言を追加。

@interface bonfireViewController : UIViewController {
	IBOutlet UIImageView *imageView;
}

■bonfireViewController.m
アニメーションを設定。

- (void)viewDidLoad {
    [super viewDidLoad];
	imageView.animationImages = [NSArray arrayWithObjects:    
	[UIImage imageNamed:@"campFire01.gif"],
	[UIImage imageNamed:@"campFire02.gif"],
	[UIImage imageNamed:@"campFire03.gif"],
	[UIImage imageNamed:@"campFire04.gif"],
	[UIImage imageNamed:@"campFire05.gif"],
	[UIImage imageNamed:@"campFire06.gif"],
	[UIImage imageNamed:@"campFire07.gif"],
	[UIImage imageNamed:@"campFire08.gif"],
	[UIImage imageNamed:@"campFire09.gif"],
	[UIImage imageNamed:@"campFire10.gif"],
	[UIImage imageNamed:@"campFire11.gif"],
	[UIImage imageNamed:@"campFire12.gif"],
	[UIImage imageNamed:@"campFire13.gif"],
	[UIImage imageNamed:@"campFire14.gif"],
	[UIImage imageNamed:@"campFire15.gif"],
	[UIImage imageNamed:@"campFire16.gif"],
	[UIImage imageNamed:@"campFire17.gif"], nil];
	imageView.animationDuration = 1.75;
	imageView.animationRepeatCount = 0;
	[imageView startAnimating];
	[self.view addSubview:imageView];
}

■InterfaceBuilder上のUIImageViewとソースコードの関連付け
bonfireViewController.xibのFile 's Ownerを選択し、Attributes InspectorのConnectionsのOutletsにあるimageViewの右の○をデザイン上のUIImageViewにドラッグ。

■実行すれば動くはず。