iOS 4の新機能13選＆AssetsLibraryで作る画像ビューア：SDKで始めるiPad/iPhoneアプリ開発の勘所（終）（4/4 ページ）

» 2011年04月20日 00時00分公開

[竹内彰吾，株式会社ビーブレイクシステムズ]

読み込んだ画像にも絵が描けるようにするには

　「DetailViewController.h」「DetailViewController.m」に以下のコードを追加します。

@interface DetailViewController : UIViewController 
<
    UIPopoverControllerDelegate, 
    UISplitViewControllerDelegate, 
    UINavigationControllerDelegate,
    PhotoViewControllerDelegate
>

DetailViewController.h

#pragma mark PhotoViewControllerDelegate Methods
    
- (void)photoSelect:(UIImage *)image {
    [self dismissModalViewControllerAnimated:YES];
    canvas.image = image;
}
    
- (void)photoSelectCancel {
    [self dismissModalViewControllerAnimated:YES];
}

DetailViewController.m

　これまでにPhotoViewControllerDelegateを呼び出し先のクラスに実装しているため、上記のコードを追加することでDetailViewControllerへ処理が戻るようになっています。PhotoViewControllerの一覧テーブルから写真を取得すると、写真をキャンバスにセットしてPhotoViewControllerを閉じています。

　これまでは真っ白なキャンバスに絵を描くのみのアプリだったのが、読み込んだ写真に対しても絵が描けるようになりました。

Exif情報に絵のタイトルを設定するには

　カメラボタンを押して保存する際に、書いた絵にタイトルを付けて保存する方法について解説します。

絵のタイトルを入れるテキストボックスを作成

　アプリのツールバーに、以下のように絵のタイトルを入れるテキストボックスを作成します。

- (void)viewDidLoad {
    
……【省略】……
    
    // タイトルテキストの生成
    titleText = [[UITextField alloc] initWithFrame:CGRectMake(0, 0, 200, 30)];
    titleText.borderStyle = UITextBorderStyleRoundedRect;
    titleText.font = [UIFont systemFontOfSize:20.0];
    titleText.autocorrectionType = UITextAutocorrectionTypeNo;
    titleText.keyboardType = UIKeyboardTypeDefault;
    titleText.returnKeyType = UIReturnKeyDone;
    titleText.clearButtonMode = UITextFieldViewModeWhileEditing;
    titleText.placeholder = @"絵のタイトル";
    UIBarButtonItem *titleTextButton = [[UIBarButtonItem alloc] initWithCustomView:titleText];
    
    NSMutableArray *items = [[toolbar items] mutableCopy];
    [items addObject:cameraBtn];
    [items addObject:searchtBtn];
    [items addObject:titleTextButton];
    [items addObject:spaceBtn];
    [items addObject:trashBtn];
    [toolbar setItems:items animated:NO];
    [items release];
    [cameraBtn release];
    [searchtBtn release];
    [titleTextButton release];
    [spaceBtn release];
    [trashBtn release];
}
    
-(void)saveToPhotoAlbum:(id)sender {
    // コメントアウト
    // UIImageWriteToSavedPhotosAlbum(canvas.image, nil, nil, nil);
    
    // 付加情報の作成
    NSMutableDictionary *metaData = [[NSMutableDictionary alloc] init];
    NSDictionary *exif = [NSDictionary dictionaryWithObjectsAndKeys:
    titleText.text, (NSString *)kCGImagePropertyExifUserComment,nil];
    [metaData setObject:exif forKey:(NSString *)kCGImagePropertyExifDictionary];
 
    // 写真に付加情報を付けて書き込み実行
    ALAssetsLibrary *library = [[ALAssetsLibrary alloc] init];
    [library writeImageToSavedPhotosAlbum:canvas.image.CGImage	
                                 metadata:metaData
                          completionBlock:^(NSURL* url, NSError* error){
                              NSLog(@"Save Finish: %@<%@>", url, error);
                          }
    ];
    [metaData release];
    [library release];
}

DetailViewController.m

　「viewDidLoad」メソッドでは、タイトルを入力するテキストをツールバーに作成しています。UIToolBarにはUITextFieldを直接セットできない仕様となっているため、作成したUITextFieldをさらにUIBarButtonItemとして作り直してセットしています。

　「saveToPhotoAlbum」メソッドでは、タイトルと画像が一緒に保存できるよう、第5回で実装したUIImageWriteToSavedPhotosAlbum関数はコメントアウトし、ALAssetsLibraryのwriteImageToSavedPhotoAlbumメソッドに置き換えています。

　タイトルはExif情報を表すexifにkCGImagePropertyExifUserCommentをキーにセットしています。さらにメタデータを表すmetaDataにexifをセットしてフォトライブラリに保存しています。