絶対に挫折しないiPhoneアプリ開発入門Part.5 ~画面遷移、Tab Bar Controller,Navigation Controller,Table View Controller~

前回:絶対に挫折しないiPhoneアプリ開発入門Part.4 ~Single View Applicationからスタート~


では、せっかくドラッグしたTab Bar Controllerですが、

  • View Controller - item1
  • View Controller - item2

のままではアプリが作れないので、削除します。


これをなぜ消すのかと言いますと、このView Controllerというものでは、
リストをタップして次々に画面が遷移していくものが作れないからです。

「ひよしまる」では、

画面遷移

が大きな要素のひとつとなります。

これをするために、View Controllerではなく、Navigation Controllerを使います。


では、Navigation Controllerを選択し、空きスペースにドラッグしてください。




さて、ここで使いたいのはTable View Controllerなので、

2つのView Controller - Root Viewを消します。(選択して、deleteですね)

そして、Table View Controllerを選択して、ドラッグし追加します。


注)(2012年3月18日追記)追記事項がありますのでこちらを→絶対に挫折しないiPhoneアプリ開発入門Part.5の追記 ~Embed inを使ってください~

追加出来ましたでしょうか?

追加しただけでは、これらのViewの関係性が定まっていない(どこがどうつながるのか)ため、

これらのViewをお互いつなげてみましょう!

  1. Tab Bar Controllerを選択する
  2. 一番右のConnections Inspectorを選択する
  3. Relationship - viewControllerの右の○を選択し、Navigation Controllerにドラッグ、接続



そして、下のNavigation Controllerも、下のようにドラッグして接続してください



要するに、

  1. 繋げたいViewを見つける。
  2. 基点となるViewを選択してConnections Inspecterから、
  3. 関係性(Relationship)を持たせればよい

ということですね。




Table View Controllerについても、

Navigation Controllerを基点にし、上と同じように接続してみてください。

終わりましたら、シミュレータを起動し、Table Viewになっているか確認してみましょう。



次回:絶対に挫折しないiPhoneアプリ開発入門Part.6 ~UITableViewController その1、Tabの名前変更~



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

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




【絶対に挫折しないiPhoneアプリ開発入門】
番外編 絶対に挫折しないiPhoneアプリ開発入門 番外編1 プログラミング初心者が初めてアプリ開発に挑戦する時
1.絶対に挫折しないiPhoneアプリ開発入門Part.1 ~Xcode4.2でひよしまるを作ろう~
2.絶対に挫折しないiPhoneアプリ開発入門Part.2 ~iOS Developer Programに参加しよう~
3.絶対に挫折しないiPhoneアプリ開発入門Part.3 ~Xcode4.2の起動、InterfaceBuilderの利点欠点、神本紹介~
4.絶対に挫折しないiPhoneアプリ開発入門Part.4 ~Single ViewControllerからスタート~
5.絶対に挫折しないiPhoneアプリ開発入門Part.5 ~画面遷移、Tab Bar Controller,Navigation Controller,Table View Controller~
6.絶対に挫折しないiPhoneアプリ開発入門Part.6 ~UITableViewController その1、Tabの名前変更~
7.絶対に挫折しないiPhoneアプリ開発入門Part.7~Table View Controller その2(ファイルの接続)、Objective C、コメントについて~
8.絶対に挫折しないiPhoneアプリ開発入門Part.8 ~Table View Controller その3、ナビゲーションバーにタイトルと色をつける~
9.絶対に挫折しないiPhoneアプリ開発入門Part.9 ~Table View Controller その4、numberOfSectionsInTableView、numberOfRowsInSection、Xcodeの背景を黒に~
10.絶対に挫折しないiPhoneアプリ開発入門Part.10 ~Table View Controller その5、cellForRowAtIndexPath~
11.絶対に挫折しないiPhoneアプリ開発入門Part.11 ~Table View Controller その6、画面遷移、didSelectRowAtIndexPath、タブバーを消す、アニメーション~
12.絶対に挫折しないiPhoneアプリ開発入門Part.12 ~Table View Controller その7、セクションを使いこなすその1、セルの矢印を表示~
13.絶対に挫折しないiPhoneアプリ開発入門Part.13 ~Table View Controller その8、セクションを使いこなすその2、画面遷移~
14.絶対に挫折しないiPhoneアプリ開発入門Part.14 ~UIWebView、webページを表示する~
15.絶対に挫折しないiPhoneアプリ開発入門Part.15 ~UITextView、電話とリンクをText Viewで表示~
16.絶対に挫折しないiPhoneアプリ開発入門Part.16 ~Table View Controller その9、テーブルを画面遷移させない、App Store申請Reject~