読者です 読者をやめる 読者になる 読者になる

UITabBarControllerの使い方手順

xcode objective-c iPhoneアプリ開発

やりたかったこと

画面下にタブがあってタブをクリックすると画面が切り替わるよくあるアプリを作りたかった。
xcodeでのプロジェクト作成時に「Tabbed Application」を選択すればそれで完成なのだけど、今回はタブに設定するアイコンに「Font Awesome」というwebアイコンを使用する必要があったので別のやり方でやりました。そのときの手順になります

準備

プロジェクトを「Single View Application」で新規作成します。
「Main.storyboard」を開いてデフォルトで作られている「View Controller」を削除します。
また、「ViewController.m」「ViewController.h」も今回は使わないので削除します。

必要なファイルの作成

空の状態の「Main.storyboard」に「Tab Bar Controller」を配置します。
f:id:yoppy0066:20150313010059p:plain
また、以下のファイルを新規で作成します

1. 「TabBarController」を継承する「TabBarController」を作成
2. 「UiViewController」を継承する「FirstViewController」を作成
3. 「UiViewController」を継承する「SecondViewController」を作成

f:id:yoppy0066:20150313010151p:plain

Main.storyboardとソースコードを紐づける

storyboardの「Tab Bar Controller」を選択した状態で画面右のユーティリティエリアの「Custom Class」の「Class」と「Identity」の「Storyboard ID」に「TabBarController」と入力

f:id:yoppy0066:20150313010638p:plain

storyboardの「Item 1」を選択した状態で画面右のユーティリティエリアの「Custom Class」の「Class」と「Identity」の「Storyboard ID」に「FirstViewController」と入力

f:id:yoppy0066:20150313011412p:plain

同じように「SecondViewController」も紐付けます

最初に呼ばれる画面を設定

はじめに「Main.storyboard」から画面を削除したため起動時に表示される画面が未設定の状態になっています。なので、
storyboardの「Tab Bar Controller」を選択した状態で画面右のユーティリティエリアの「View Controller」の「Is Initial View Controller」にチェックをつけますf:id:yoppy0066:20150313012051p:plain

とりあえずここまでやれば、画面最下部にタブがあってタブで画面を切り替えるという「Tabbed Application」で作られるものと同じアプリが完成しました。

さいごに

iosアプリ開発は始めたばかりなのでわからないことが多いので作業手順をまとめていけたらと思っていますが、PHPとかと違ってStoryboadの設定などが多いので画像が増えそう、、、あと単純にコマンドやスクリプトをコピペするわけにもいかないので色々面倒そう、、、という現時点での感想です。もっとちゃんと勉強して理解しないと、、、

以上です