CGRectには様々な作成方法があります。それをまとめておきます。

下のようなCGRectを作成したいと思います。

出力

HelloWorld[52159:20b] {{0, 0}, {320, 480}}

作成方法1

CGRect rect = CGRectMake(0, 0, 320, 480);

作成方法2

CGRect rect = {{0,0}, {320, 480}};

作成方法3

CGSize size = CGSizeMake(320, 480);
CGRect rect = {{0,0}, size};

作成方法4

CGPoint point = CGPointMake(0, 0);
CGSize size = CGSizeMake(320, 480);
CGRect rect = {point, size};

作成方法5

CGSize size = CGSizeMake(320, 480);
CGRect rect = {{0}, size};

作成方法6

CGSize size = CGSizeMake(320, 480);
CGRect rect = {{}, size};

他にもいろいろあるかとは思いますが、構造で定義できるのは便利ですね。

NSStringFromCGRect, NSStringFromClassを使い次のように出力してみます。

// CGRect
NSLog(@"%@", NSStringFromCGRect([self.view bounds]));
// Class
NSLog(@"%@", NSStringFromClass([[[UIApplication sharedApplication] delegate] class]));

出力

2008-12-25 19:44:29.628 HelloWorld[39711:20b] {{0, 0}, {320, 460}}
2008-12-25 19:44:29.629 HelloWorld[39711:20b] HelloWorldAppDelegate

今回はこのOCUnitを試してみたいと思います。-setUp, -tearDownなどJUnitなどのxUnitを使用した経験がある方なら非常に親しみやすいと言えます。

以下は全てX-Code上で行います。

UnitTest対象

UnitTestの対象として例えば以下のようなクラスを作成します。

Person.h

#import 

@interface Person : NSObject {
	NSString *displayName;
}
@property (copy) NSString *displayName;

- (id)initWithName:(NSString *)displayName;

@end

Person.m

#import "Person.h"

@implementation Person

@synthesize displayName;

- (id)initWithName:(NSString *)aName {
	if ((self = [super init])!= nil) {
		self.displayName = aName;
	}
	return self;
}

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

@end

新規ターゲットの作成

1. ターゲットを選択し、新規ターゲットの作成を選択
2. Cocoa >> Unit Test Bundleを選択し、次へ
3. 名前を例えばUnitTestsにして完了

ターゲットUnitTestsの情報の変更

1. ビルド >> リンク >>他のリンクフラグのCocoaをFoundationに変更する
2. ビルド >> ユーザー定義 で以下の項目以外を削除する。
   • GCC_C_LANGUAGE_STANDARD
   • GCC_WARN_ABOUT_RETURN_TYPE
   • GCC_WARN_UNUSED_VARIABLE

Person.mのターゲット修正

1. Person.mのターゲットの中にUnitTestsを追加する

新規TestCaseの作成

1. ファイル >&gt 新規ファイルを選択
2. Cocoa Touch Classes >> NSObject subclassを選択し、次へ
3. 名前を例えばPersonTest、ターゲットをUnitTestsにして完了

TestCaseの実装

PersonTest.h

#import 

@class Person;
@interface PersonTest : SenTestCase {
	Person *person;
}

@end

PersonTest.m

#import "PersonTest.h"
#import "Person.h"

@implementation PersonTest

- (void)setUp {
	person = [[Person alloc] init];
}

- (void)testCreatePerson {
	STAssertNotNil(person, @"Couldn't create Person");
}

- (void)testSetDisplayName {
    NSString *displayName = @"Seiji";
    person.displayName = displayName;
    STAssertEqualObjects(displayName, person.displayName, @"Couldn't set person.displayName");
}

- (void)tearDown {
	[person release];
}

@end

TestCaseの実行

UnitTestsを選択し、Buildを行うことでTestCaseが実行される。想定結果が違うものであればBuildの時点でErrorが表示されることになります。

References

• Test Driving Your Code with OCUnit
• Lecture 19 – Unit Testing, Objective-C Runtime Fun and Localization

Lecture12迄の内容を基に”Presence”アプリケーションを拡張していきます。
AssignmentPresence3になります。




iPhone Application Programming

今迄、作成したソースはhttp://public.me.com/seijit/iPhone/CS193Pから

今回の目標

前回迄は全てMainThreadで通信を行っていました。その為、待ち時間が長く感じられ、ストレスを受けていたのではないかと思います。今回はそのストレスを軽減する為に別Threadで通信を行い、最後にMainThreadの処理を返すように実装を行います。アプリケーションとしては下の図のように自分のStatusをUpdateする画面を用意し、そこからSendできるようにします。

今回は全てを記述するのは大変なので、要点を絞って記載します。

NSInvocationOperationの作成

ViewがLoadされる際にSelector(synchronousLoadsTwitterUsers)を指定してNSInvocationOperationを作成し、それをNSInvocationOperationQueueにAddします。その中で通信部分の処理を行っています。

また、作成時に指定したSelector内部ではSelector(didFinishLoadingTwitterUsersWithResults)を指定してMainThreadに返しています。

- (void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
	if ([myData count] == 0) {
		[self showLoadingIndicators];
		[self beginLoadingTwitterUsers];
	}
}
- (void)beginLoadingTwitterUsers {
	[myData removeAllObjects];

	NSInvocationOperation *operation = [[NSInvocationOperation alloc] initWithTarget:self selector:@selector(synchronousLoadsTwitterUsers) object:nil];
	[operationQueue addOperation:operation];
	[operation release];
}
- (void)synchronousLoadsTwitterUsers {
	NSBundle *bundle = [NSBundle mainBundle];
	NSArray *twitterUsers = [NSArray arrayWithContentsOfFile:[bundle pathForResource:@"TwitterUsers" ofType:@"plist"]];

	for (NSString *userName in twitterUsers){
		Person *person = [[Person alloc] initWithPersonName:userName];
		if (person)
			[myData addObject:person];
		[person release];
	}
	[self performSelectorOnMainThread:@selector(didFinishLoadingTwitterUsersWithResults) withObject:nil waitUntilDone:NO];
}
- (void)didFinishLoadingTwitterUsersWithResults {
	[self hideLoadingIndicators];
	[self.tableView reloadData];
    [self.tableView flashScrollIndicators];
}

delegete Patternの使用

NavigationItemのRightBarButtonItemをクリックするとStatusComposeする画面をModallyに出すようにしています。

- (void)viewDidLoad {
    [super viewDidLoad];
	UIBarButtonItem *addButton = [[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemCompose target:self action:@selector(presentModally) ];
	self.navigationItem.rightBarButtonItem = addButton;
	[addButton release];
}
- (void)presentModally {
	StatusComposeViewController *statusController = [[StatusComposeViewController alloc]initWithNibName:@"StatusCompose" bundle:nil];
	statusController.delegate = self;
	[self presentModalViewController:statusController animated:YES];
	[statusController release];
}

この場合、このActionは今回で言うとPersonListViewControllerに実装するわけです。ではこの画面を消すActionはどこに書けばいいのでしょうか？

単純にStatusComposeViewControllerに下のように実装しても消すことはできます。

[self.navigationController dismissModalViewControllerAnimated:YES];

しかし、PresentとDismissするのは同じContorollerからするのが望ましいと言われています。別の操作を行うのにもこの方が操作をしやすいでしょう。

ここでdelegatePatternを使用します。

Protocolの作成

@class StatusComposeViewController;

@protocol StatusComposeViewDelegate 
@optional
- (void)statusComposeViewControllerDidFinish:(StatusComposeViewController *)controller;
- (void)statusComposeViewControllerDidCancel:(StatusComposeViewController *)controller;
@end

今回のdelegateの為のProtocolを作成します。

Propertyの追加

@interface StatusComposeViewController : UIViewController  {
	// 略
	id  delegate;
}
	// 略
@property (nonatomic, assign) id  delegate;
	// 略
@end

StatusComposeViewControllerにStatusComposeViewDelegateを満たしたid型の属性を追加します。

StatusComposeViewDelegateの実装

StatusComposeViewDelegateのメソッド(statusComposeViewControllerDidFinish:, statusComposeViewControllerDidCancel: )を実装します。

これでStatusComposeViewController側でStatusComposeViewDelegateで実装されたPersonListViewControllerのメソッド(i.e [self.delegate statusComposeViewControllerDidFinish:])を呼べばよいわけです。

これでAssignmentPresence3を終了としたいと思います。

今回作成したソースはhttp://public.me.com/seijit/iPhone/CS193P/Lecture12のPresence5.tar.gzです

前回plistの読込み、UITableViewCellAccessory-CS193Pの続きになります。
AssignmentPresence2の後半にあたります。




iPhone Application Programming

今迄、作成したソースはhttp://public.me.com/seijit/iPhone/CS193Pから

今回の目標

PersonDetailViewControllerを修正し、下のアプリケーションを完成させるのが目的です。List,Detail共にTableViewを使用しています。ListがUITableViewStylePlain, Detailの方がUITableViewStyleGroupedとStyleを変えて表示をしています。

PersonDetail.xibの変更

PersonDetail.xibをWクリックし、InterfaceBuilderを起動します。ここではViewを大幅に変更します。

View上にUITableViewのみを配置し、AttributesInspectorでTableViewのStyleを”Grouped”にします。

ConnectionsInspectorでPersonDetailViewControllerのviewをTableViewに、TableViewのdataSource,delegateをPersonDetailViewControllerに接続します。

PersonList.xibでは同じTableViewを使っているのにdataSource,delegateの接続は行いませんでした。この違いはPersonLisrViewControllerはTableViewControllerのSubClassに対して、PersonDetailViewControllerはUIViewControllerのSubClassだからです。

PersonDetailViewControllerの修正

PersonDetailViewControllerはPersonListViewControllerとは違った形でTableViewを表示させます。ProtocolであるUITableViewDelegate, UITableViewDataSourceの実装を行います。

PersonDetailViewController

PersonDetailViewController.h

#import <UIKit/UIKit.h>

@class Person;
@interface PersonDetailViewController : UIViewController <UITableViewDelegate, UITableViewDataSource>  {
	Person* person;
}
@property (nonatomic, assign) Person* person;

@end

ProtocolであるUITableViewDelegate, UITableViewDataSourceの宣言をしています。

PersonDetailViewController.m

#import "PersonDetailViewController.h"
#import "Person.h"
#import "PersonText.h"

@implementation PersonDetailViewController
@synthesize person;

// 略
@end

UITableViewDelegate, UITableViewDataSourceのメソッドを実装します。

- (NSInteger)tableView:(UITableView *)table numberOfRowsInSection:(NSInteger)section {
	return [person.textArray count];
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
	static NSString *CellIdentifier = @"MyIdentifer";

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier] autorelease];
    }
    // Set up the cell...
	PersonText *personText = [person.textArray objectAtIndex:indexPath.row];
	UILabel *textField = [[UILabel alloc] initWithFrame:CGRectMake(20, 6, personText.size.width, personText.size.height)];
	[textField setText:[NSString stringWithCString:[personText.textString UTF8String] encoding:NSUTF8StringEncoding]];
	[textField setBackgroundColor:[UIColor clearColor]];
	[textField setLineBreakMode:UILineBreakModeWordWrap];
	[textField setFont:personText.font];
	[textField setHighlightedTextColor:[UIColor whiteColor]];
	[textField setNumberOfLines:0];
	[cell addSubview:textField];
	[textField release];

    return cell;
}

行の数とUITableViewCellの中身の表示を行うメソッドです。UILabelを作成し、UITableViewCellのSubViewとして追加しています。

- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section {
    // Return the displayed title for the specified section.
    return @"Statuses";
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
	PersonText *personText = [person.textArray objectAtIndex:indexPath.row];
	int padding = 10;
	return personText.size.height + padding;
}

Sectionのヘッダ名を返すメソッドと、各UITableViewCellの高さを返すメソッドです。ここで動的にUITabelViewCellの高さを変化させています。

PersonListViewController

最後にPersonListのUITableViewCellをクリックした際のメソッドを変更しておきます。ここでPersonDetailViewControllerを作成し、UINavigationContollerのStackに追加しています。

PersonListViewController.m

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    // Navigation logic may go here. Create and push another view controller.
	PersonDetailViewController *detailViewController = [[PersonDetailViewController alloc] initWithNibName:@"PersonDetail" bundle:nil];
	int personIndex = [indexPath indexAtPosition: [indexPath length] - 1];
	detailViewController.person = [myData objectAtIndex:personIndex];
	[self.navigationController pushViewController:detailViewController animated:YES];
	[detailViewController release];
}

これでAssignmentPresence2ができました。

今回作成したソースはhttp://public.me.com/seijit/iPhone/CS193P/Lecture9のPresence4.tar.gzです。

Lecture9迄の内容を基に”Presence”アプリケーションを拡張していきます。
AssignmentPresence2の前半になります。




iPhone Application Programming

今迄、作成したソースはhttp://public.me.com/seijit/iPhone/CS193Pから

今回の目標

前回のPersonListViewControllerを修正し、下のアプリケーションの内、左側を表示できるようになるのが目的です。

Performanceは今は考えてなくてよいとのことなので、Performanceは一切考慮していません。

前準備

プロジェクトへの追加

Presence2Files.zipに含まれていますTwitterAPI部分のソース、TwitterUsers.plistを追加します。TwitterUsers.plistは好きなUserに変更します。

TwitterHelperの修正

TwitterAPIはデフォルトで20件を返します。そんなに必要ないので5件にします。また、encodingが指定されてないので、指定します。その結果、下のようになります。

TwitterHelper.m

+ (NSArray *)fetchTimelineForUsername:(NSString *)username
{
    NSURL *url = [NSURL URLWithString:[NSString stringWithFormat:@"http://twitter.com/statuses/user_timeline/%@.json?count=5", username]];
    NSString *string = [NSString stringWithContentsOfURL:url encoding:NSUTF8StringEncoding error:nil];
    return [string JSONValue];
}

Modelの作成

起動時にTwiiterにアクセスし、必要な情報をメモリ上に格納します。その為のModelを作成します。例えば、Userの情報を格納するPersonクラス、Userのつぶやきを格納するPersonTextクラスを作成します。

Personクラス

Person.h

import <Foundation/Foundation.h>

@interface Person : NSObject {
	NSString *name;
	NSString *screenName;
	NSString *profileImageURL;
	NSMutableArray *textArray;
}
@property (nonatomic, retain) NSString *name;
@property (nonatomic, retain) NSString *screenName;
@property (nonatomic, retain) NSString *profileImageURL;
@property (nonatomic, retain) NSMutableArray *textArray;

- (id)initWithPersonName:(NSString *)name;
- (id)createPerson:(NSString *)personName;
- (NSString *)description;
- (void)dealloc;

@end

Person.m

#import "Person.h"
#import "PersonText.h"
#import "TwitterHelper.h"

@implementation Person
@synthesize name, screenName, profileImageURL, textArray;

- (id)initWithPersonName:(NSString *)personName {
	if ( (self =[super init])!= nil ) {
		self = [self createPerson:personName];
	}
	return self;
}

- (id)createPerson:(NSString *)personName {
	// name
	self.screenName = personName;
	// Twitter API
	NSArray *array = [TwitterHelper fetchTimelineForUsername:personName];
	if([array count]==0) {
		return nil;
	}
	NSDictionary *user = [[array objectAtIndex:0] objectForKey:@"user"];
	self.profileImageURL = [user objectForKey:@"profile_image_url"];
	self.name = [user objectForKey:@"name"];

	self.textArray = [NSMutableArray array];
	NSDictionary *dic;
	for (dic in array) {
		NSString *text = [dic objectForKey:@"text"];
		if (text) {
			PersonText *personText = [[PersonText alloc] initWithText:text font:[UIFont systemFontOfSize:[UIFont systemFontSize]]];
			[self.textArray addObject:personText];
			[personText release];
		}
	}

	return self;
}
// 略
@end

PersonTextクラス

PersonText.h

#import <Foundation/Foundation.h>

@interface PersonText : NSObject
{
	NSString *textString;
	UIFont *font;
	CGSize size;
}
@property (nonatomic, retain)NSString *textString;
@property (nonatomic, retain)UIFont *font;
@property (nonatomic)CGSize size;

- (id)initWithText:(NSString *)text font:(UIFont *)fontObj;
- (void)dealloc;

@end

PersonText.m

#import "PersonText.h"

@implementation PersonText

@synthesize textString;
@synthesize font;
@synthesize size;

- (id)initWithText:(NSString *)txt font:(UIFont *)fontObj;{
	if ((self = [super init])!= nil) {
		self.textString = txt;
		self.font = fontObj;
		CGSize withinSize = CGSizeMake(280, 1000);
		self.size = [textString sizeWithFont:font constrainedToSize:withinSize lineBreakMode:UILineBreakModeWordWrap];
	}
	return self;
}

// 略
@end

PersonTextの方は初期化の際にwidth280pxをした際に高さを計算する為にサイズを求めています。

PersonListViewControllerの修正

PersonListViewController.mを修正していきます。

plistの読込み

- (void)viewDidLoad {
    [super viewDidLoad];
	// load data
	self.myData = [NSMutableArray array];
	NSBundle *bundle = [NSBundle mainBundle];

	// Load plist
	NSArray *twitterUsers = [NSArray arrayWithContentsOfFile:[bundle pathForResource:@"TwitterUsers" ofType:@"plist"]];
	NSString *userName;

	for (userName in twitterUsers){
		Person *person = [[Person alloc] initWithPersonName:userName];
		if (person)
			[myData addObject:person];
		[person release];
	}
}

viewDidLoadの際にTwitterへアクセスし、Personインスタンスが要素のNSMutableArrayを作成しています。

List表示

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    static NSString *CellIdentifier = @"Cell";

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

    // Set up the cell...
	int personIndex = [indexPath indexAtPosition: [indexPath length] - 1];
	Person *person = [myData objectAtIndex:personIndex];
	NSData *imageData = [NSData dataWithContentsOfURL:[NSURL URLWithString:person.profileImageURL]];
	UIImage *image= [UIImage imageWithData:imageData];

	[cell setImage:image];
	[cell setText:person.name];
    return cell;
}

各Personインスタンスを展開しています。ここでも画像へのアクセスを行っています。

UITableViewCellAccessory

- (UITableViewCellAccessoryType)tableView:(UITableView *)table accessoryTypeForRowWithIndexPath:(NSIndexPath *)indexPath {
	return UITableViewCellAccessoryDisclosureIndicator;
	//return UITableViewCellAccessoryDetailDisclosureButton;
	//return UITableViewCellAccessoryCheckmark;
}

最後にCellの右側に表示されるUITableViewCellAccessoryを表示させる為にメソッドを実装しています。

これでplistから読み込んだPersonListが表示されるはずです。

今回作成したソースはhttp://public.me.com/seijit/iPhone/CS193P/Lecture9のPresence3.tar.gzです。

前回UINavigationController, TableViewControllerの作成-CS193Pの続きになります。ViewControllerインスタンスをnavigation stackへと追加するところが中心となります。




iPhone Application Programming

今迄、作成したソースはhttp://public.me.com/seijit/iPhone/CS193Pから

今回の目標

下の図のようなアプリケーションの内、PersonListを選択し、DetailViewを表示できるようになるのが目標です。（右側の図）

ViewControler,xibの作成

今迄と同じようなことなので、図は省略します。

1. TemplateからViewControllerのSubClassを選択し、名前を”PersonDetailViewController”とします。
2. TemplateからView XIBを選択し、名前を”PersonDetail.xib”とします。

PersonDetailViewControllerの実装

新しく作成したPersonDetailViewControllerを実装します。

PersonDetailViewController.h

#import <UIKit/UIKit.h>

@interface PersonDetailViewController : UIViewController {
	NSDictionary* dict;
	IBOutlet UILabel *name;
	IBOutlet UIImageView *imageView;
}

@property (nonatomic, assign) NSDictionary* dict;
@property (nonatomic, retain) UILabel *name;
@property (nonatomic, retain) UIImageView *imageView;
@end

PersonDetailViewController.m

viewがLoadされた後にNSDictionaryのデータをOutletに展開しています。

#import "PersonDetailViewController.h"

@implementation PersonDetailViewController
@synthesize dict;
@synthesize name;
@synthesize imageView;

// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.
- (void)viewDidLoad {
	[super viewDidLoad];
	[self.navigationItem setTitle:@"Detail"];
	[name setText:[self.dict objectForKey:@"name"]];
	[imageView setImage:[UIImage imageWithContentsOfFile:[self.dict objectForKey:@"path"]]];
}

// 間省略
- (void)dealloc {
	[name release];
	[imageView release];
	[super dealloc];
}

@end

PersonDetailViewControllerとViewとの接続

PersonDetail.xib

PersonDetail.xibをWクリックしInterfaceBuilderを起動します。Viewを例えば下の図のようにします。

その後、下の作業を行います。

1. File’s Ownerのクラス名をPersonDetailViewControllerとする。
2. PersonDetailViewControllerの”view”をUIViewに接続する。
3. PersonDetailViewControllerの”name”, “imageView”をそれぞれUILabel, UIImageViewに接続する。

PersonListViewControllerの修正

今回作成した、PersonDetailViewControllerはこのままではLoadされません。このPresenceアプリケーションに組み込む必要があります。

PersonListViewController.m

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
	// Navigation logic may go here. Create and push another view controller.
	PersonDetailViewController *detailViewController = [[PersonDetailViewController alloc] initWithNibName:@"PersonDetail" bundle:nil];
	int personIndex = [indexPath indexAtPosition: [indexPath length] - 1];
	detailViewController.dict = [myData objectAtIndex:personIndex];
	[self.navigationController pushViewController:detailViewController animated:NO];
	[detailViewController release];
}

これはTableViewのCellを選択した場合にCallされるメソッドです。PersonDetailViewController.hをImportすることも必要です。

これで下のように動作するかと思います。

今回作成したソース
http://public.me.com/seijit/iPhone/CS193P/Lecture7 resence2.tar.gz

Lecture7を基に、新しい課題”Presence”アプリケーションを作成していきます。実際の内容と脱線するところもありますが、ご了承下さい。




iPhone Application Programming

今迄、作成したソースはhttp://public.me.com/seijit/iPhone/CS193Pから

今回の目標

下の図のようなアプリケーションの内、PersonListをTableViewで表示できるようになるのが目標です。（左側の図）

新規プロジェクト、ViewControlerの作成

新規プロジェクト作成

Navigation-Based Applicationを選択すれば簡単なのですが、今回はあえてWindow-Based Application を選択して作成していきます。プロジェクト名は”Presence”とします。

TableViewController, xibファイルの作成

ViewControllerとして今回はTableViewControllerを作成します。また、それに対応するxibファイルを作成します。TableViewControllerのサブクラスのファイル名を”PersonListViewController”,xibファイル名を”PersonList.xib”とします。

PresenceAppDelegateの修正

以前、ViewControllerを追加した同様のやり方で、UINavigationControllerをDelegateクラスに追加します。

PresenceAppDelegate.h

#import 
@interface PresenceAppDelegate : NSObject  {
	UIWindow *window;
	UINavigationController *navController;
}
@property (nonatomic, retain) IBOutlet UIWindow *window;
@property (nonatomic, retain) IBOutlet UINavigationController *navController;
@end

PresenceAppDelegate.m

#import "PresenceAppDelegate.h"
@implementation PresenceAppDelegate
@synthesize window;
@synthesize navController;
- (void)applicationDidFinishLaunching:(UIApplication *)application {
	// Override point for customization after application launch
	[window addSubview:[navController view]];
	[window makeKeyAndVisible];
}

- (void)dealloc {
	[window release];
	[navController release];
	[super dealloc];
}
@end

UINavigationControllerの配置・接続

MainWindow.xib

MainWindow.xibをWクリックしInterfaceBuilderを起動します。ここで、UINavigationControllerを配置します。

LibraryからNavigation ControllerオブジェクトをDrag&DropでDocumentWindow上に作成します。そのオブジェクトに対して、PresenceAppDelegateクラスのOutlet,navControllerを接続します。

Navigation Controllerオブジェクトの下にはView Controllerオブジェクトがあります。このクラス名を”PersonListViewController”, NIB Nameを”PersonList”とします。

最後にNavigation ControllerオブジェクトをWクリックしView画面を出します。タイトルを”PersonList”とします。

これでMainWindow.xibを閉じ、今度はPersonList.xibを開きます。

PersonList.xib

初めにLibraryからTableViewを選択しview上にDrag&Dropで配置し、各Cellの高さをSize Inspectorでheightを60.00にします。次にFile’s OwnerのClass名を”PersonListViewController”とし、最後にPersonListViewControllerのviewをTableViewに接続して終了です。

これで、Navigation-Based Applicationを選択した場合に近いものができました。

TableViewControllerの実装

先ほど、作成したTableViewControllerのSubClassのPersonListViewControllerの実装を行います。

読み込むデータ

今回、読み込むデータは静的なものにします。Project内(Bundle内)に画像(i.g. Bors.jpg)をDrag&Dropで配置します。今回使用した画像はSouth Park Studiosで作成したものを使わせていただいています。

ファイルパスを取得し、ファイル名を名前とするわけです。

UIImageの拡張

UIImageはImageを扱うクラスです。今回、用意している画像は120px × 120pxで、このまま表示するとCellからはみだします。画像を縮小して表示したいのですが、UIImageには簡単に行えるのがない為、UIImageのカテゴリを実装し、リサイズの機能を付加します。

UIImageResize.h

#import <Foundation/Foundation.h>
@interface UIImage (Resize)
- (UIImage*)resize:(CGRect)rect;
@end

UIImageResize.m

#import "UIImageResize.h"

@implementation UIImage (Resize)
- (UIImage*)resize:(CGRect)rect {
	UIGraphicsBeginImageContext(rect.size);
	[self drawInRect:rect];
	UIImage *imageCopy =　UIGraphicsGetImageFromCurrentImageContext();
	UIGraphicsEndImageContext();
	return imageCopy;
}
@end

これでResizeのメソッドを持つUIImazeを扱えるようになりました。

PersonListViewController.h

#import <UIKit/UIKit.h>

@interface PersonListViewController : UITableViewController {
	NSMutableArray *myData;
}

@property (nonatomic, retain) NSArray *myData;
@end

PersonListViewController.m

#import "PersonListViewController.h"
#import "UIImageResize.h"

@implementation PersonListViewController
@synthesize myData;

// 間省略

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

Bundleからファイルを読込みNSMutableArrayに格納します。

- (void)viewDidLoad {
    [super viewDidLoad];
	// load data
	self.myData = [NSMutableArray array];
	NSBundle *bundle = [NSBundle mainBundle];
	NSArray *imgPaths = [bundle pathsForResourcesOfType:@"jpg" inDirectory:@""];
	NSString *path;
	for (path in imgPaths) {
		NSString *name =[[path lastPathComponent] substringToIndex:[[path lastPathComponent] length]- [@".jpg" length]];
		NSDictionary *dic = [NSDictionary dictionaryWithObjectsAndKeys:name, @"name", path, @"path", nil];
		[myData addObject:dic];
	}
}

TableViewを表示する為のメソッドを実装します。

// Customize the number of rows in the table view.
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return [myData count];
}

// Customize the appearance of table view cells.
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

	static NSString *CellIdentifier = @"Cell";
	UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
	if (cell == nil) {
		cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier] autorelease];
	}

	// Set up the cell...
	int personIndex = [indexPath indexAtPosition: [indexPath length] - 1];
	UIImage *image= [UIImage imageWithContentsOfFile:[[myData objectAtIndex:personIndex] objectForKey:@"path"]];

	[cell setImage:[image resize:CGRectMake(0, 0, 60, 60)]];
	[cell setText:[[myData objectAtIndex:personIndex] objectForKey:@"name"]];
	return cell;
}

これで下のように動くはずです。

今回作成したソースはhttp://public.me.com/seijit/iPhone/CS193P/Lecture7のPresence.tar.gzです。

Lecture6の内容にあたります。前回のHelloPolyプロジェクトを拡張します。今回はアプリケーションの終了・起動時にデータを保存・読込みを行います。具体的にはPolygonの辺の数を保存します。データが存在した場合はその数を使い描画を行います。




iPhone Application Programming

今迄、作成したソースはhttp://public.me.com/seijit/iPhone/CS193Pから

データの保存

今回は値が変化したタイミングではなく、アプリケーションが終了した時のみ、データの保存を行います。

MyUIViewController

ViewControllerの中でアプリケーション終了時に呼び出されるメソッドを作成します。

MyUIViewController.h

- (void)willTerminate:(UIApplication *)application;

MyUIViewController.m

-(void)willTerminate:(UIApplication *)application {
	NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults];
	[defaults setInteger:polygon.numberOfSides forKey:NUMBER_OF_SIDES];
}

HelloPolyAppDelegate

HelloPolyAppDelegateでapplicationWillTerminate:を実装し、その中でMyUIViewController::willTerminate:をCallします。

HelloPolyAppDelegate.m

- (void)applicationWillTerminate:(UIApplication *)application {
	[myUIViewController willTerminate:application];
}

データの読込み

アプリケーション起動時に読込むコードを追加します。

MyUIViewController

MyUIViewControllerでviewDidLoad:のメソッド中にコードを追加します。

MyUIViewController.m

- (void)viewDidLoad {
	[polygon setMinimumNumberOfSides:3];
	[polygon setMaximumNumberOfSides:12];
	// NSUserDefaults Loading
	NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults];
	int num = [defaults integerForKey:NUMBER_OF_SIDES];
	if(num == 0) {
		[polygon setNumberOfSides:numberOfSidesLabel.text.integerValue];
	} else {
		[polygon setNumberOfSides:num];
	}
	myUIView.polygon = polygon;
	[self updateInterface];
    [super viewDidLoad];
}

値を変えて終了した後、再度起動するとその値が保存されて、描画されるのがわかります。

今回作成したソースは
http://public.me.com/seijit/iPhone/CS193P/Lecture6のHelloPoly4.tar.gzです。

前回のHelloPolyプロジェクトを拡張します。今回はUIVIewのSubClassを作成し、図形を描画します。




iPhone Application Programming

今迄、作成したソースはhttp://public.me.com/seijit/iPhone/CS193Pから

UIViewのSubClass作成

UIView SubClassテンプレート作成

UIViewのSubClassを作成します。名前はMyUIViewとします。

MyUIViewController.hの変更

MyUIViewをPropertyに追加します。

IBOutlet MyUIView *myUIVIew;

UIViewとUIViewControllerの接続

MyUIViewController.hの変更

LibraryからUIViewを配置し、Identity InspectorでClassNameをMyViewとします。またMyUIViewControllerのOutletとの接続も行います。

UIViewなどの実装

PolygonShape

資料にあったpointsForPolygonInRect:numberOfSides:を追加します。

PolygonShape.h

+ (NSArray *)pointsForPolygonInRect:(CGRect)rect numberOfSides:(int)numberOfSides;

PolygonShape.m

+ (NSArray *)pointsForPolygonInRect:(CGRect)rect numberOfSides:(int)numberOfSides {
	CGPoint center = CGPointMake(rect.size.width / 2.0, rect.size.height / 2.0);
	float radius = 0.9 * center.x;
	NSMutableArray *result = [NSMutableArray array];
	float angle = (2.0 * M_PI) / numberOfSides;
	float exteriorAngle = M_PI - angle;
	float rotationDelta = angle - (0.5 * exteriorAngle);
	for (int currentAngle = 0; currentAngle < numberOfSides; currentAngle++) {
		float newAngle = (angle * currentAngle) - rotationDelta;
		float curX = cos(newAngle) * radius;
		float curY = sin(newAngle) * radius;
		[result addObject:[NSValue valueWithCGPoint:CGPointMake(center.x + curX,
																center.y + curY)]];
	}
	return result;
}

MyUIView

PolygonShape *をPropertyに追加します。retain,copyはしません。

MyUIView.h

#import <UIKit/UIKit.h>

@class PolygonShape;
@interface MyUIView : UIView {
	PolygonShape *polygon;
}
@property (nonatomic, assign) PolygonShape *polygon;

@end

MyUIView.m

#import "MyUIView.h"
#import "PolygonShape.h"

@implementation MyUIView
@synthesize polygon;

- (id)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        // Initialization code
    }
    return self;
}

- (void)drawRect:(CGRect)rect {
    // Drawing code
	CGContextRef context = UIGraphicsGetCurrentContext();
	CGRect bounds = [self bounds];

	CGContextBeginPath(context);
	NSArray *pointsArray = [PolygonShape pointsForPolygonInRect:bounds numberOfSides:[polygon numberOfSides]];
	NSEnumerator *pointsEnu = [pointsArray objectEnumerator];
	// firstPoint
	CGPoint firstPoint = [[pointsEnu nextObject] CGPointValue];
	CGContextMoveToPoint (context, firstPoint.x, firstPoint.y);
	// otherPoint
	for (NSValue *points in pointsEnu ) {
		CGPoint thePoint = [points CGPointValue];
		CGContextAddLineToPoint (context, thePoint.x, thePoint.y);
	}
	CGContextClosePath (context);
	CGContextSetRGBFillColor(context, 0xff/255.0, 0xd7/255.0,0x00/255.0, 1);
	CGContextDrawPath (context, kCGPathFillStroke);
}

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

@end

MyUIViewController

MyUIViewのPolygon*のセット、そしてPolygonの状態が変更された場合の再描画の支持のコードを追加します。

MyUIViewController.m

- (void)updateInterface {
	if ( [polygon numberOfSides] == [polygon minimumNumberOfSides]) {
		decreaseButton.enabled = NO;
	} else {
		decreaseButton.enabled = YES;
	}
	if ( [polygon numberOfSides] == [polygon maximumNumberOfSides]) {
		increaseButton.enabled = NO;
	} else {
		increaseButton.enabled = YES;
	}
	nameOfPolygon.text = [NSString stringWithFormat:@"aka a %@", [polygon name]];
	numberOfSidesLabel.text = [NSString stringWithFormat:@"%d", [polygon numberOfSides]];
	numberSlider.value = [polygon numberOfSides];
	[myUIView setNeedsDisplay];
}

- (void)viewDidLoad {
	[polygon setMinimumNumberOfSides:3];
	[polygon setMaximumNumberOfSides:12];
	[polygon setNumberOfSides:numberOfSidesLabel.text.integerValue];
	myUIView.polygon = polygon;
	[self updateInterface];
	NSLog (@"My polygon from viewDidLoad: %@", polygon);
    [super viewDidLoad];
}

これで図形の描画ができるようになりました。状態が変更された場合もその都度、再描画されます。



今回作成したソースはhttp://public.me.com/seijit/iPhone/CS193P/Lecture3のHelloPoly3.tar.gzを。状態保存はまた別の機会に行います。