オーディオを選択されたときに、オーディオを出力しながら英文と和訳を表示するようにしたい。

英文と和訳を表示する「カード」ということで、CardViewControllerとして実装する。

今回はInterface Builderを使ってUIを作っていきたいので、nibファイルも一緒に作る。

初期化のメソッドを実装する

initWithNibNameが自動生成されているのでinitメソッドに変更する。

iPhone向けにしか考えてないから、nibファイル名は”CardViewController”に固定しておく。

- (id)init
{
    // nib nameを固定にしておく
    self = [super initWithNibName:@"CardViewController" bundle:nil];
    if (self) {
        self.navigationItem.title = @"カード";
    }
    return self;
}

オーディオ一覧でアイテムが選択されたときの動作を実装する

AudioListViewControllerでアイテムが選択されたらCardViewControllerを表示するように修正。

tableView:didSelectRowAtIndexPath:でCardViewControllerを生成して、NavigationControllerにpushする。

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
CardViewController *cardViewController = [[CardViewController alloc] init];
[self.navigationController pushViewController:cardViewController animated:YES];
[cardViewController release];
}

実行する。

アイテムを選択すると。

CardViewControllerが表示される。

『Audio帳（仮）』開発　その６　カードを表示するViewControllerを実装 is a post from: 虎視眈々

UINavigationControllerのNavigationBarは背景色を自由にかえることができる。

アプリに合った色にすると見栄えも良くなるだろうか。

取りあえず仮で色を変えておく。

NavigationControllerを作っている所で変えておこう。このアプリではAppDelegateのところ。

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    [super application:application didFinishLaunchingWithOptions:launchOptions];

    AlbumListViewController *controller = [[[AlbumListViewController alloc]init]autorelease];
    UINavigationController *navigationController = [[[UINavigationController alloc]initWithRootViewController:controller]autorelease];

    navigationController.navigationBar.barStyle = UIBarStyleBlack;
    // NavigationBarの色を変える
    // 今は適当に#CF5B6Fにしておく
    navigationController.navigationBar.tintColor = [UIColor colorWithRed:0.761 green:0.333 blue:0.408 alpha:1.0];
    navigationController.toolbar.barStyle = UIBarStyleBlack;

    self.window.rootViewController = navigationController;

    return YES;
}

こんな色になった。

背景を画像にすることもできるらしいが、今の所はこれで進めよう。

『Audio帳（仮）』開発　その５　NavigationBarの背景色 is a post from: 虎視眈々

AlbumListViewControllerでアイテムを選択したときにオーディオ一覧を表示するViewControllerを実装したい。

オーディオ一覧なのでクラス名は「AudioListViewController」にしておく。

initメソッドの実装

このクラスのinitメソッドを実装する。

一覧として表示するMPMediaItemCollectionをメンバ変数として保持するので、initメソッドの引数にする。

@class MPMediaItemCollection;

@interface AudioListViewController : UITableViewController {

}

@property (nonatomic, retain) MPMediaItemCollection* collection;

- (id)initWithCollection:(MPMediaItemCollection*)collection;

@end

@implementation AudioListViewController

@synthesize collection=_collection;

- (id)initWithCollection:(MPMediaItemCollection*)collection
{
    self = [super init];
    if (self) {
        self.collection = collection;
    }
    return self;
}

ナビゲーションのタイトルをアルバム名にする

initWithCollectionメソッド内でNavigationBarのTitleを設定しておく。

- (id)initWithCollection:(MPMediaItemCollection*)collection
{
    self = [super init];
    if (self) {
        self.collection = collection;
        MPMediaItem *representativeItem = [self.collection representativeItem];

        // タイトルを表示
        NSString *title = [representativeItem valueForProperty: MPMediaItemPropertyAlbumTitle];
        if ([title isEqualToString:@""]) {
            title = @"不明なアルバム";
        }
        self.navigationItem.title = title;
    }
    return self;
}

タイトルが空なら「不明なアルバム」を表示しておく。

Table view data sourceを実装

sectionは1で固定。rowはコレクションのアイテム数を返しておく。

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
	return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
	return self.collection.count;
}

cellにはアイテムのタイトルとアーティストを表示するようにする。

なので、cellのtypeはUITableViewCellStyleSubtitleにしておく。

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

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

    // アイテムをゲット
    MPMediaItem *item = [self.collection.items objectAtIndex:indexPath.row];
    // タイトル表示
    cell.textLabel.text = [item valueForProperty: MPMediaItemPropertyTitle];
    // アーティスト表示
    cell.detailTextLabel.text = [item valueForProperty: MPMediaItemPropertyArtist];

    return cell;
}

『Audio帳（仮）』開発　その４　オーディオ一覧の実装 is a post from: 虎視眈々

AlbumListViewControllerではオーディオブックの一覧を表示するので「オーディオブック」と表示させる。

- (id)init
{
    self = [super init];
    if (self) {
        self.navigationItem.title = @"オーディオブック";
    }
    return self;
}

MediaPlayer.FrameWorkを追加

Targetの設定→Build Phases→Link Binary With LibrariesにMediaPlayer.FrameWorkを追加しておく。

iPodライブラリにアクセスするのに必要

TableViewに表示するリストをMPMediaQueryを使って取り出す

MPMediaQueryを使ってオーディオブックのアルバム一覧を取り出す。

取り出した配列はメンバ変数に保持しておこう。

- (void)updateAlbums
{
    // オーディオブックのクエリのみをゲット
    MPMediaQuery *query = [MPMediaQuery audiobooksQuery];
    // アルバムの一覧が欲しいので、グルーピングはアルバムにする
    [query setGroupingType: MPMediaGroupingAlbum];
    // コレクションをとっとく
    self.albums = [query collections];
}

Table view data sourceを完成させる

Section数は1のままでいい。

Row数はアルバムの数だけ返すので、メンバ変数に保持している配列の要素数を返しとく。

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.albums.count;
}

Cellを返す所では、アルバムのタイトルとアーティストを設定して返すようにする。

タイトルが無い、アーティストが無いアルバムは「不明の〜」にしておく。

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

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

    // アルバム情報をゲット
    MPMediaItemCollection *album = [self.albums objectAtIndex:indexPath.row];
    MPMediaItem *representativeItem = [album representativeItem];

    // タイトルを表示
    cell.textLabel.text = [representativeItem valueForProperty: MPMediaItemPropertyAlbumTitle];
    if ([cell.textLabel.text isEqualToString:@""]) {
        cell.textLabel.text = @"不明なアルバム";
    }
    // アーティストを表示
    cell.detailTextLabel.text = [representativeItem valueForProperty: MPMediaItemPropertyArtist];
    if ([cell.detailTextLabel.text isEqualToString:@""]) {
        cell.detailTextLabel.text = @"不明な作成者";
    }

    return cell;
}

実行してみる。音楽やオーディオブックはSimulatorで確認できないので実機で。

『Audio帳（仮）』開発　その３　アルバム一覧の実装 is a post from: 虎視眈々

Core Dataを有効にしてプロジェクトを作ったので、AudioCardsAppDelegateにCoreData関連の処理がデフォルトで入ってる。

ただ、Core Dataへのアクセスはこのアプリのいろんな場所で使う予定だから、Singletonパターンで別に移しておいた方がいいと思う。

NSObjectを継承したAudioCardsを追加。

#import 

@interface AudioCards : NSObject {

}

@property (nonatomic, retain, readonly) NSManagedObjectContext *managedObjectContext;
@property (nonatomic, retain, readonly) NSManagedObjectModel *managedObjectModel;
@property (nonatomic, retain, readonly) NSPersistentStoreCoordinator *persistentStoreCoordinator;

+ (id)instance;
- (void)saveContext;
- (NSURL *)applicationDocumentsDirectory;

@end

staticなinstanceメソッドで、アプリ内でユニークになるAudioCardsクラスの実態にアクセスさせる。

AudioCardsAppDelegateのほうのCore Data部分は削除。

applicationWillTerminateでsaveContextしてるところは残す。

- (void)applicationWillTerminate:(UIApplication *)application
{
    [[AudioCards instance] saveContext];
}

ルートになるViewControllerを実装

ルートになるビューにはオーディオブックのアルバムの一覧を表示させる予定。

なので名前は「AlbumListViewController」にする。

TableViewControllerを継承させて作る。xibは無し。基本xibは使わないで進めていく。

最新のXcodeはInterfaceBuilderも統合されて使いやすそうな気もするけどいいや。

リストを表示するから、Edit関連のメソッドは削除。

とりあえずセルを表示するように、sectionを1、rowを10で返すようにする。

WindowにAlbumListViewControllerを。Navigation付きで。

iPhoneでの実行時にAppDelegateとして使われるAudioCardsAppDelegate_iPhoneクラス。

そいつにapplication:didFinishLaunchingWithOptionsを実装する。

そのメソッドでwindowのrootViewControllerに、AlbumListViewControllerをrootViewControllerにしたUINavigationControllerを設定してやる。

ついでにNavigationBarとToolbarのスタイルを黒(UIBarStyleBlack)にしておく。

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    [super application:application didFinishLaunchingWithOptions:launchOptions];

    AlbumListViewController *controller = [[[AlbumListViewController alloc]init]autorelease];
    UINavigationController *navigationController = [[[UINavigationController alloc]initWithRootViewController:controller]autorelease];

    navigationController.navigationBar.barStyle = UIBarStyleBlack;
    navigationController.toolbar.barStyle = UIBarStyleBlack;

    self.window.rootViewController = navigationController;

    return YES;
}

ビルドして実行する。

NavigationとTableViewを使う準備ができた。

『Audio帳（仮）』開発　その２　CoreDataとRootのViewControllerと is a post from: 虎視眈々

プロジェクトを作る

Xcodeで「AudioCards」というプロジェクトを作った。Window based application。

iPadで動かす予定はないけど、一応Universalで。

Use Core DataとInclude Unit Testsもチェック。

Core Dataは使う予定だけど、Unit Testはやるかどうか。

最新のXcodeだとiPhoneとiPadの同時開発がやりやすくなっていそう。

iPhoneとiPadでグループを分けられていて、それぞれのグループでViewControllerを実装していくスタイルみたい。

今んとこ、iPadのほうは無視しておいてiPhoneだけ開発していく。

ビルドと実行

iPhone simulatorでBuild&Run。

問題なく起動した。

Deviceでビルドと実行

Bundle identifierを変更。iOS Provisioning Portalで発行したApp IDと合わせる。

OrganizerでiOS Provisioning Portalで発行したProvisioning ProfileをiPhone実機に追加する。

Build&Run。

問題なく起動した。Simulatorと同じ表示。

『Audio帳（仮）』開発　その１　プロジェクトを作る is a post from: 虎視眈々

とりあえず、TableViewにオーディオブックの一覧を表示をやってみる。

まず前提として

• 「MediaPlayer.framework」ライブラリをリンクしていること

TableViewControllerを継承したControllerを作る。アルバムのコレクションを維持するNSArrayを持っておく。

#import <UIKit/UIKit.h>

@interface AlbumViewController : UITableViewController {
@private
    NSArray *_albums;
}

@property(nonatomic, retain) NSArray *albums;

@end

MediaPlayer.hをimportして、MPMediaQueryを利用してアルバムの一覧をゲットする関数を作っておく。

#import <MediaPlayer/MediaPlayer.h>

@implementation AlbumViewController

@synthesize albums=_albums;

- (void)updateAlbums
{
    // オーディオブックのクエリのみをゲット
    MPMediaQuery *query = [MPMediaQuery audiobooksQuery];
    // アルバムの一覧が欲しいので、グルーピングはアルバムにする
    [query setGroupingType: MPMediaGroupingAlbum];
    // コレクションをとっとく
    self.albums = [query collections];
}

あとはアルバムをTableViewに表示だけ。

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    // セクションは1で固定しとく
    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    // アルバム数を返す
    return self.albums.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier = @"Cell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        // サブタイトル付きのセル
        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:CellIdentifier] autorelease];
    }

    // アルバムをげっと
    MPMediaItemCollection *album = [self.albums objectAtIndex:indexPath.row];
    // アルバム情報
    MPMediaItem *representativeItem = [album representativeItem];

    // タイトルを表示
    cell.textLabel.text = [representativeItem valueForProperty: MPMediaItemPropertyAlbumTitle];
    if ([cell.textLabel.text isEqualToString:@""]) {
        cell.textLabel.text = @"不明なアルバム";
    }
    // アーティストを表示
    cell.detailTextLabel.text = [representativeItem valueForProperty: MPMediaItemPropertyArtist];
    if ([cell.detailTextLabel.text isEqualToString:@""]) {
        cell.detailTextLabel.text = @"不明な作成者";
    }

    return cell;
}

こんな感じになった。

DUO3.0を例文毎に分割したものもあるのでDUO3.0のアルバムが二つある。
アルバムやアーティストが設定されていないオーディオは空になっているようなので、それは「不明な〜」に置き換えて表示しておく。

オーディオブックのアルバムの一覧を表示してみる is a post from: 虎視眈々

二週目からは聞き取りに本腰を入れることにするため、iPhoneのオーディオブックを再生しながら英文と和訳が確認できるアプリがあれば効率がいいんじゃないかと考えた。

そこで完成できるかどうか分からないけど、単語帳ならぬiPhoneアプリ「Audio帳(仮)」の開発を考えてみる。

基本機能

• iPod機能のオーディオブックの機能を使う
• オーディオ一つに対して、原文と訳文を保存できる
• オーディオブックのアルバム単位で学習設定を作れる
• 学習設定とは、オーディオ一つを再生するときのパターン設定として、繰り返し回数、繰り返し間の一時停止時間、原文/訳文を表示/非表示にするか等が設定できる。

とりあえず、これらが出来るアプリを試しに作ってみようかな。

DUO3.0の暗記のためのアプリ「Audio帳(仮)」を考える is a post from: 虎視眈々