UITabBarControllerの使い方手順
やりたかったこと
画面下にタブがあってタブをクリックすると画面が切り替わるよくあるアプリを作りたかった。
xcodeでのプロジェクト作成時に「Tabbed Application」を選択すればそれで完成なのだけど、今回はタブに設定するアイコンに「Font Awesome」というwebアイコンを使用する必要があったので別のやり方でやりました。そのときの手順になります
準備
プロジェクトを「Single View Application」で新規作成します。
「Main.storyboard」を開いてデフォルトで作られている「View Controller」を削除します。
また、「ViewController.m」「ViewController.h」も今回は使わないので削除します。
必要なファイルの作成
空の状態の「Main.storyboard」に「Tab Bar Controller」を配置します。
また、以下のファイルを新規で作成します
1. 「TabBarController」を継承する「TabBarController」を作成
2. 「UiViewController」を継承する「FirstViewController」を作成
3. 「UiViewController」を継承する「SecondViewController」を作成
Main.storyboardとソースコードを紐づける
storyboardの「Tab Bar Controller」を選択した状態で画面右のユーティリティエリアの「Custom Class」の「Class」と「Identity」の「Storyboard ID」に「TabBarController」と入力
storyboardの「Item 1」を選択した状態で画面右のユーティリティエリアの「Custom Class」の「Class」と「Identity」の「Storyboard ID」に「FirstViewController」と入力
同じように「SecondViewController」も紐付けます
最初に呼ばれる画面を設定
はじめに「Main.storyboard」から画面を削除したため起動時に表示される画面が未設定の状態になっています。なので、
storyboardの「Tab Bar Controller」を選択した状態で画面右のユーティリティエリアの「View Controller」の「Is Initial View Controller」にチェックをつけます
とりあえずここまでやれば、画面最下部にタブがあってタブで画面を切り替えるという「Tabbed Application」で作られるものと同じアプリが完成しました。
