Navigation-Basedアプリ01〜基本(作業中断中)
※継続調査・更新中の記事です
Navigation-Basedとは
画面の一番上にタイトルバーがあって、「<戻る」っていうボタンが出るようなやつ。
戻るボタンを押すとひとつ前の画面に戻ることができる。
はてなtouchみたいな形のもののことをいう。
指針
http://d.hatena.ne.jp/moto_maka/20090119/1232308770
に基本的に従う。
ただ、Navigation-Basedアプリの画面遷移方法については、ドットインストールですでに学習済みのため、今回の重要なポイントとはみなしていない。
自分の中でのポイントは2つ。
1.TableViewの使い方の学習
2.Navigation-Basedアプリの画面ごとの処理の実装
今回のゴール
TableViewの項目を選択したら次の画面に遷移するNavigation-Basedアプリを作る。
遷移先の画面からはNavigation バー上の<戻るボタンでメイン画面に戻ることができる。
NavigationControllerを埋め込む基本的な方法2つ
1.Storyboard -> Navigation Controllerを使う
方法:StoryboardのViewを配置するときに、ViewControllerではなくNavigation Controller
2.すでに作成したViewにNavigationコントローラを組み込む
方法:Storyboardから、メニュー -> Editor -> Embed In -> Navigation Controllerで、作成済みのViewに埋め込み可能
今回はTableViewの使い方の勉強も兼ねているので、2の方法を使う。
作業手順
1.SingleView-Applicationでプロジェクト作成
2.StoryboardからTableViewControllerを追加
3.TableViewControllerのAttributes inspectorから、TableViewControllerをInitial Sceneに設定
4.TableViewのソースを追加する。
参考:Xcode4.4でViewControllerを追加する方法 - yamekodevの日記
※ただしSubClass ofの部分はUITableViewControllerを選択
5.TableViewの基本動作を下記関数から確認
まず、TableViewの仕組みについて簡単に説明すると、
「numberOfSectionsInTableView」でTableView内のセクション数を設定し、
「numberOfRowsInSection」でセクション内の行数(=セル数)を設定し、
「cellForRowAtIndexPath」でセル内の表示を制御する、という構造になってます。
作業中断
TableViewにセクション、セクション内の行(セル)数、セルに表示する文字列を設定したはずだが、UIApplicationMainでブレークするエラーになってしまい、うまく動作しない。
調査してまた更新する。
<2012/09/22追記>
ひとつの記事にするには内容が多すぎるので分けることにした。
TableViewの第一歩はこちら(未作成)
TableView+Navigation-Basedはこちら(未作成)
<2012/09/26追記>
TableViewのView遷移方法調査で詰まってしまったので調査保留中。。。