iPhoneアプリ 世界時計　”Plam+Piece”をリリースしました！

“Palm+Piece”は、iPhoneの回転方向に合わせて、
「東京」「上海」「ロンドン」「ニューヨーク」と、
時刻とデザインが変化する、世界時計です。

また、画面をタップすると、国花が舞い散ります。

詳細はこちら

↓　ダウンロードはこちらから

• timeZoneWithName:・・・タイムゾーン名でタイムゾーンを作って返します
• timeZoneWithAbbreviation:・・・省略形からタイムゾーンを作って返します
• timeZoneForSecondsFromGMT:・・・グリニッジ標準時からの秒差でタイムゾーンを作って返します

次のソースで、timeZoneWithNameの、タイムゾーン名を取得できます。

#import <CoreFoundation/CoreFoundation.h>

NSString *timeZoneinfo = (NSString *)CFTimeZoneCopyKnownNames();
NSLog(@"timeZoneinfo is %@", timeZoneinfo);

例えば、

• ニューヨーク・・・“America/New_York”
• 上海・・・“Asia/Shanghai”
• 東京・・・“Asia/Tokyo”
• ロンドン・・・“Europe/London”

■Download
http://www.cocos2d-iphone.org/download
「Stable version」から、Downloadします。

■Wiki
http://www.cocos2d-iphone.org/wiki/doku.php/

1. サンプルを実行する

DLしてきたファイルを解凍し、「 cocos2d-iphone.xcodeproj」を、xcodeで開きます。
色々な学習用サンプルが入っています。

実行するためには、「Active Target」と、「Active Executable」をセットする必要があります。「表示」→「ツールバーのカスタマイズ」→「Active Target」,「Active Executable」をツールバーに、ドラッグ＆ドロップしてセットします。

例えば、エフェクトのサンプルが色々入っている「Action Test」を試します。

おじさんキャラが色々エフェクトで動く、サンプルを試せます。

2. プロジェクトテンプレートをインストールする

一から作成する場合の、Cocos2d用プロジェクトテンプレートをインストールします。

・a cocos2d stand alone template
・a cocos2d + box2d template
・a cocos2d + chipmunk template

ターミナルから、以下のスクリプトを実行して、テンプレートをインストールします。

cd cocos2d-iphone
./install-templates.sh

再インストールするときは、下記のコマンドで。

./install-templates.sh -f

問題なければ、プロジェクトを作成すると、
下記のように、「Hello, World」が起動します。

ActionScriptでは、有名な物理演算ライブラリ「Box2D」のiPhone版をダウンロードした際の履歴です。
環境は、Mac OSX10.6.3 / XCode 3.2.3 iPhone OS4 で試しました。

■SCM Repositories – box2d
http://box2d.svn.sourceforge.net/viewvc/box2d

http://box2d.svn.sourceforge.net/viewvc/box2d/tags/Box2D-2.0.2/
「Download GNU tarball」からダウンロードします。

「trunk」「tag」「branch」から、tagのサンプルでないと、そのままビルドすると、ビルドエラーが起きます。

SDK4にしたので、「ターゲット」の「iPhone OS Deployment Target」を、iPhone4にします。

Objective-Cでも、Flashのような物理演算ができるのは面白いですね。

色々なサンプルが試せます。

デザイナーの@CloverMelodyさんと、Splithchinのコラボレーション
iPhoneアプリ　24時間時計「ChronoRound」をリリースしました。

どこかノスタルジックで、神秘的な、24の時を刻む時計が、
いつもの有り触れた日常を、30度から15度刻みに変える事で、
新しい発見があるかも（？）

昼モード / 夜モード

色々と大変そうなので、避けていたのですが、

UITableViewの基礎を試してみました。
こちらをベースに色々カスタマイズしてみようと思います。

• tableView:cellForRowAtIndexPath: メソッド
  indexPathが指定する位置のUITableViewCellのインスタンスを返すようにする。
• tableView:numberOfRowsInSection: メソッド
  テーブルが保持するセルの数を返すようにする。

iPhone Dev Center: UITableViewDataSource Protocol Referenceより

@implementation RootViewController

- (void)viewDidLoad {
    [super viewDidLoad];
	self.title =@"UITableView　聖域十二宮編";

	//Tableに表示する要素
	items_ = [[NSArray alloc] initWithObjects:
			 @"１月　山羊座 - Capricornus", @"２月　水瓶座 - Aquarius",@"３月　魚座 - Pisces",
			 @"４月　牡羊座 - Aries", @"５月　牡牛座 - Taurus", @"６月　双子座 - Gemini",
			 @"７月　蟹座 - Cancer", @"８月　獅子座 - Leo", @"９月　乙女座 - Virgo",
			 @"１０月 天秤座 - Libra", @"１１月　蠍座 - Scorpio", @"１２月　射手座 - Sagittarius",
			 nil];
}
<pre>//Viewのリリースに、要素の配列をリリース</pre>
- (void)viewDidUnload {
 [items_ release];
}

// テーブルが持っているセルの数を返す
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
 return [items_ count];
}

// UiTableViewCellのインスタンスを返す
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

 static NSString *CellIdentifier = @"Cell";

 UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
 if (cell == nil) {
 cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
 }

 // Configure the cell.

 cell.textLabel.text = [items_ objectAtIndex:indexPath.row];

 return cell;
}

セルの選択時にアクションを発生させるには、didSelectedRowAtIndexPathメソッドをオーバライドします。

// セルの選択をハンドリングしてアクションを発生させる
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {

	NSString* message = [items_ objectAtIndex:indexPath.row];
	UIAlertView* alert = [[[UIAlertView alloc] init] autorelease];
	alert.message = message;
	[alert addButtonWithTitle:@"OK"];
	[alert show];
}

下記サイトを参考にさせて頂いて、iPhoneアプリの実機テストのログ。

iPhone実機へのアプリインストールまでの道のり
http://tryout-lab.com/2009/08/26/290.html

1. iPhone Developer Programに加入する
2. CSR作成
3. CSRをiPhone Developers Programで登録し、証明書を取得する
4. デバイス登録する
5. AppIDを登録する
6. Provisioning Profilesを作成する
7. Provisioning ProfilesをXCodeに登録する
8. XCodeでのアプリケーションへの設定
9. iPhone SDKを3.0.1対応にする(今は大丈夫なようです。）
10. 実機で起動

• iPhone開発ガイド – デバイスの管理http://developer.apple.com/jp/iphone/library/documentation/Xcode/Conceptual/iphone_development/128-Managing_Devices/devices.html

AlertBoxAppDelegate.h

#import <UIKit/UIKit.h>

@class AlertBoxViewController;
@interface AlertBoxAppDelegate : NSObject <UIApplicationDelegate> {
    UIWindow *window;
	AlertBoxViewController *viewController;
}

@property (nonatomic, retain) IBOutlet UIWindow *window;
@property (nonatomic, retain) IBOutlet AlertBoxViewController *viewController;

@end

AlertBoxViewController.h

#import <UIKit/UIKit.h>

@interface AlertBoxViewController : UIViewController {
}
- (IBAction) displayView:(id) sender;

@end

AlertBoxViewController.m

//アラートボックスを表示するdisplayViewメソッド
-(IBAction) displayView:(id) sender{

    UIAlertView *alert = [[UIAlertView alloc]
						  initWithTitle:@"アラート画面"
						  message:@"ボタンを押しました"
						  delegate:self
						  cancelButtonTitle:@"閉じる"
						  otherButtonTitles:nil];
    [alert show];
    [alert release];
}

後は、InterfaceBuilderで、Alertを表示させるトリガーのボタンと、
File’s OwnerをCtrl＋ドラッグで結んで、「displayView」を結びます。

動かしながら、やってればそのうち覚えるだろうと、はじめたものの、
見たことないObject-Cという言語に、口がカラカラになるほど、
狼狽してしまった時のメモです。

書式が大分違いますが、Object-Cも、オブジェクト指向で、
ActionScript3.0と、概念とかやってることは同じなので、
書式説明を見ると、精神的ダメージを解消できました。

#import <stdio.h>
#import <objc/Object.h>

//クラス宣言　@interfaceコンパイラディレクティブ
@interface test : Object
- (void)method;
@end

// クラスを宣言から定義  @implementation コンパイラディレクティブ
@implementation test
- (void)method {
	printf("Hello, World!");
}
@end

//クラスのインスタンス化
int main() {
	id obj = [test alloc];
	[obj method];

	return 0;
}

クラスを宣言するコンパイラディレクティブ

@interface クラス名 : 親クラス名
{
インスタンス変数宣言
…
}
メソッド宣言
@end

メソッド宣言

- (戻り値型) メソッド名 : 仮引数リスト … ;

• + クラスメソッド： オブジェクトではなくクラスに関連するメソッドの宣言。
• - インスタンスメソッド：メソッドがクラスの実体であるオブジェクトする。

インスタンス化

alloc メソッドは、インスタンスを生成するためのクラスメソッド

[クラス名 メソッド名:引数リスト...]

• メソッドを呼び出すための [ ] をメッセージ式

その他

• id 型 ：オブジェクトを表す汎用型（void型みたいな物らしい）

• .hファイル・・・クラス自体のほかに、メンバ変数、メソッド、プロパティの宣言
• .mファイルには、クラスの実装コードを記述

Clickボタンをタップすると、「Hello, World!」と、表示されるイベントを実装していきます。

1. 初期状態で、ラベルの「Hello, World!」を非表示にします

「HelloWorldViewController.h」をクリックして、ソースを表示します。

下記のように、messageメンバ変数を記述します。

//
//  HelloWorldViewController.h
//  HelloWorld
//
//  Created by あらびき林檎 on 10/01/07.
//  Copyright 2010 Splitchin  All rights reserved.
//

#import <UIKit/UIKit.h>

@interface HelloWorldViewController : UIViewController {
	IBOutlet UILabel *messsage;
}

@end

保存したら、「HelloWorldViewController.m」を開きます。

「viewDidLoad」メソッドが、下記のようにコメントアウトされています。

/*
// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.
- (void)viewDidLoad {
    [super viewDidLoad];
}
*/
*/

コメントアウトを外して、下記のように処理を追記します

// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.
- (void)viewDidLoad {
    [super viewDidLoad];
	[messsage setHidden:YES];
}

これで、XIBファイルを読み込んだ後の、追加処理の記述をしました。

次に、messageメンバ変数と、XIBファイルをリンクさせます。

「HelloWorldeView.xib」をクリックして、ウインドを開いたら、
　File’s Owneから、Lableまで、Ctrlを押しながら、ドラッグします。
　Outletの「message」を選択します。

これで、HelloWorldViewControllerクラスのmessageメンバ変数と、
XIBファイルの、Labelのテキスト「Hello, World!」がリンクしました。

2. イベントハンドラの実装

「Click」ボタンをタップしたときの、イベント処理を実装します。

「HelloWorldViewController.h」を選択して、ソースを表示します。
そして、以下のように、IBActionを記述します。

//
//  HelloWorldViewController.h
//  HelloWorld
//
//  Created by あらびき林檎 on 10/01/07.
//  Copyright 2010 Splitchin  All rights reserved.
//

#import <UIKit/UIKit.h>

@interface HelloWorldViewController : UIViewController {
	IBOutlet UILabel *messsage;
}

-(IBAction)actionButtonTapped:(id)sender;

@end

次に、「HelloWorldViewController.m」を選択して、ソースを表示します。

以下のように、IBActionで、messageを表示するように設定します。

- (void)dealloc {
    [super dealloc];
}

- (IBAction)actionButtonTapped:(id)sender{
	[messsage setHidden:NO];
}

@end

「HelloWorldView.xib」を開いて、ボタンとイベントハンドラをリンクさせます。

「View」を開いて、「Rounded Rect Button」（Clickボタンを実装したUIパーツ）から、
Ctrlを押しながら、File’s Ownerにドラッグして、Eventsから「actionButtonTapped」
を選択します。

ビルドして実行

保存したら、「ビルドして実行」します。

「Click」ボタンを押すと、「Hello, World!」と表示される、
　　iPhoneアプリが完成しました！

【関連記事】

iPhoneアプリ開発の環境構築

• iPhone SDKを、SnowLeopardに入れる
• iPhone SDK ドキュメントの入手

iPhoneアプリ HelloWorld

• iPhoneアプリ HelloWorld その１

　　

• iPhoneアプリ HelloWorld　その２ ViewController