Hatena::ブログ(Diary)

TECH LOG RSSフィード

2010-12-06

[]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日目は画像でアニメーションを作成するアプリ。がんばるぞー。

f:id:coolblue:20101207011250g:image:right:w200


■新規プロジェクト作成

新規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にドラッグ

■実行すれば動くはず。