Tab Bar Applicationを作ってみる
プロジェクトテンプレートのTab Bar Applicationを選択すると
タブが２つあるアプリケーションが作成される。
このテンプレートアプリケーションに、もうひとつタブを追加してみる。
ビルドして実行してみる
タブが２つあるアプリケーションが起動する。
 |
 |
このときのMainWindow.xib
 |
 |
このときのSecondView.xib
 |
 |
もうひとつタブを追加し３番目の画面を表示するにはどうすれば良いか？
適当にいろいろ試してみて追加する方法を見つけた。
正しいやりかたなのかわからないが、次のようにしたら動作した。
３番目に表示する画面用にxibファイルを作成する
Xcodeの新規ファイルメニューを選択し、新規ファイルのテンプレートからUser InterfacesのView XIBを選択する。
ファイル名はThirdView.xibとした。
ThirdView.xibを開くと下記のような状態になっている。
 |
 |
ThirdView.xibのFile's OwnerのClassを設定
ThirdView.xibのFile's Ownerを選択しInspectorを表示する。
この時、Classは未選択の状態になっているのでUIViewControllerに設定する。
ThirdView.xibのFile's OwnerのOutletのviewにViewを接続
Controlキーを押しながらFile's Ownerをクリックし、そのまま線をViewに接続しFile's OwnerのOutletのviewにViewを設定する。
設定後のFile's Ownerは下記のようになる。
ThirdView.xibのViewを編集
編集する前のViewは下記のようになている。
ViewのInspectorを開と下記のように
Status Bar、Top Bar、Bottom Barは全てNoneになっている。
Status BarをGray、Bottom BarをTab Barに変更する。
変更するとViewは下記のようになる。
LibraryのLabelをViewに追加し、文字列 "Third View"を配置する。
MainWindow.xibを編集
MainWindow.xibのTab Bar Controllerを開くと下記のようにタブが２つの状態になっている。
LibraryのControllerからView Controllerを選択し、MainWindow.xibのTab Bar Controllerの下の部分のTab Barにドラッグ & ドロップする。
LibraryのView Controllerをドラッグ & ドロップするとTab Bar Controllerは下記のようになる。
上記画面でViewの部分を選択しInspectorを表示する。
NIB Nameが未設定の状態になっているので、NIB NameにThirdViewを設定する。
実行してみる
全てのxibを保存してビルドし実行するとタブが３つになり、３番目のタブを選択するとThird Viewが表示される。
 |
 |
