[XCode]UINavigationBarにUIBarButtonItemでボタンを追加する方法

アプリ開発には欠かせないナビゲーションバー。

UINavigationBarにボタンを追加するとき、結構苦戦してしまいましたので、ボタンを追加する方法をココに書き記しておきたいと思います。

UINavigationBarにUIBarButtonItemでボタンを設置する

手順としては、細かく分けると…

1.UINavigationBarを生成

2.UINavigationItemを生成

3.UIBarButtonItemを生成

4.UINavigationItemに3で作ったボタンを設定

5.UINavigationBarに4で完成したUINavigationItemをプッシュ

6.UINavigationBarを表示

という手順になります。最初に部品を組み立て、最後に表示をイメージすると分かりやすいかな、と思います。

設置してみる

これをコードで書いてみると、以下になります。僕はviewDidLoadに書きました。

/* NavigationBar */
// 1
navBar = [[UINavigationBar alloc] init];
[navBar sizeToFit];

// 2
// NavigationItemを生成
UINavigationItem *navTitle = [[UINavigationItem alloc] initWithTitle:@"タイトル"];

// 3
// ボタン1
UIBarButtonItem *btn1 = [[UIBarButtonItem alloc] initWithTitle:@"ボタン1"

style:UIBarButtonItemStylePlain target:self action:@selector(btn1_down)];

// ボタン2
UIBarButtonItem *btn2 = [[UIBarButtonItem alloc] initWithTitle:@"ボタン2"

style:UIBarButtonItemStylePlain target:self action:@selector(btn2_down)];

// 4
// NavigationBarの表示
navTitle.rightBarButtonItem = btn1;
navTitle.leftBarButtonItem = btn2;

//5
[navBar pushNavigationItem:navTitle animated:YES];

//6
[self.view addSubview:navBar];

コメントで番号を付けてあるのものが最初に上で説明した処理になります。
これを実行すると、ボタン付きのナビゲーションバーが現れます。(※テーブルは表示されません)

是非お試しあれ！

Xcode

無料

Apple

(2013.09.03時点)

posted with ポチレバ