FMDBで簡単写真アルバムを作ろう Part.4 ~【iPhone】NavigationBarと画面遷移~

前回:FMDBで簡単写真アルバムを作ろう Part.3 ~必要なファイルを追加して整理しよう~

StoryboardでNavigationController (Embed in)

NavigationControllerを使うため、Embed inですね。
Storyboardを使うときのお決まりのパターン。

MainStoryboard.storyboardから、

  1. ViewControllerを選択
  2. メニューの「Editor」を選択
  3. 「Embed in」を選択
  4. 「NavigationController」を選択


NavigationControllerおっけー

NavigationBarにタイトル、色をつけて、ボタンを設置する

viewDidLoadの中に書く。
ViewController.m

- (void)viewDidLoad
{
    [super viewDidLoad];
    self.title = @"Photo Library"; //タイトル名
    self.navigationController.navigationBar.tintColor = [UIColor blackColor]; //ナビゲーションバーを黒に
    // ナビゲーションバーのボタン。プラスボタンにして、押したときにはmake_new_contentsメソッドが実行される。
    UIBarButtonItem *button = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd target:self action:@selector(make_new_contents)];
    self.navigationItem.rightBarButtonItem = button; //右側に設置。左ならleftBartButtonItem
}

NavigationControllerの画面遷移

右上のプラスボタンが押されると、
make_new_contentsメソッドが実行されます(action:@selector(make_new_contents))

では、そこに画面遷移のコードを書きましょう。

プラスボタンが押されると、新しいコンテンツをつくる画面、つまりNewViewControllerに画面遷移して欲しいわけです。

ViewController.m
NewViewControllerをインポートしてください。

#import "ViewController.h"
#import "NewViewController.h" //追加。

viewDidLoadの下にでも追加してください。

- (void)viewDidLoad
{
    [super viewDidLoad];
    self.title = @"Photo Library";
    self.navigationController.navigationBar.tintColor = [UIColor blackColor];
    UIBarButtonItem *button = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd target:self action:@selector(make_new_contents)];
    self.navigationItem.rightBarButtonItem = button;
}

/*ナビゲーションバーの右のボタンが押されたら、画面遷移*/
- (void)make_new_contents
{
    NewViewController *nvc = [[NewViewController alloc] initWithNibName:@"NewViewController" bundle:nil];
    [self.navigationController pushViewController:nvc animated:YES];
}

NewViewControllerってなに?っていう方は、画面構造の図をもう一度みてくださいね。
ー>http://d.hatena.ne.jp/kazukingband/20120701/1341151431


NewViewControllerをつくっていきましょう

NewViewController.xibで部品の配置


部品をhファイルにひもづけしましょう。



簡単写真アルバムアプリ記事一覧
FMDBで簡単写真アルバムを作ろう Part.1 ~メモが書ける写真アルバムをつくる~
FMDBで簡単写真アルバムを作ろう Part.2 ~Xcode4.3,SingleViewApplication,FMDB準備~
FMDBで簡単写真アルバムを作ろう Part.3 ~必要なファイルを追加して整理しよう~
FMDBで簡単写真アルバムを作ろう Part.4 ~NavigationBarと画面遷移~
FMDBで簡単写真アルバムを作ろう Part.5 ~【iPhone】SQLiteのデータを出し入れするためのクラスをつくる~
FMDBで簡単写真アルバムを作ろう Part.6 ~【iPhone】UITextField,UIActionSheet,UIImagePickerControllerとメモ、写真の保存~
FMDBで簡単写真アルバムを作ろう Part.7 ~【iPhone】SQLiteのデータを取り出してTableViewに表示~
FMDBで簡単写真アルバムを作ろう Part.8 ~【iPhone】TableViewの画面遷移、異なるView間での値の受け渡し~
FMDBで簡単写真アルバムを作ろう Part.9 ~【iPhone】TableViewのセルを削除、commitEditingStyle ~
FMDBで簡単写真アルバムを作ろう 最終章 ~簡単写真アルバムの完成~

======================
当ブログ管理人のツイッターこちら
◎フォローしてくださると泣いて喜びます!ツイッター上で当ブログの質問などにもできるだけお答えしますし、役に立つiPhoneアプリ開発情報もつぶやきます。個人的なご依頼(たとえば、プログラミングの家庭教師、Skypeレッスンをしてくれないか、iPhoneアプリ開発の勉強会ってやってるの、とかですね)でもかまいません。
スカイプレッスンについて
開発をしているとその都度ぶつかる問題があると思いますが、検索で調べてもなかなかわからない、あるいは調べても非常に時間がかかる場合があると思います。開発者のみなさんもお忙しいと思いますので、私のレッスンを受けながら開発を進めていただけると、大幅にお時間を短縮できます。加えて、iPhoneアプリ開発の基礎、応用が身につき、今後の開発もスムーズに進められます

お問い合わせはツイッター、またはhiyoshimarukoアットマークgmail.comまでお願いします。(アットマークを@にしてください)お待ちしております!