【Swift5】StorybaordでUITabBarControllerを使用した画面構築の方法【Objective-C】

2019年7月30日2020年8月26日

StorybaordでUITabBarControllerを使用した画面構築の方法をご紹介します。
以下、手順になります。

iOSアプリ開発初心者の方で3分もあれば設定が可能です。

1. プロジェクトの作成

プロジェクトを作成します。
SwiftでもObjective-CでもStoryboardなので同じです。

UITabBarControllerを追加するには

UITabBarControllerを設定したいUIViewControllerをStoryboardで選択した状態で

Edit > Enbeded In > Tab Bar Contorller をします。

TabBarControllerが追加されるとこのようになります。

2種類の方法があります。

1の方が簡単ですがどちらでも構いません、両方ご紹介します。

まず2つめのUIViewControllerを追加します。

ここまでが下準備です。

controlを押した状態で矢印のようにクリックします。

すると画面に黒い枠のウィンドウがでるので

view controllers をクリックします。

このようにTabBarControllerから2つのViewControllerに矢印の線が出るようになれば設定完了です。

続けて、Triggered Seguesのview controllersで紐づけるパターンもご紹介します。

まずTabBarController上で右クリックをして黒いウィンドウをだします。

次にview controllersの●から新しく作成したViewControllerに向かってクリックします。

黒いウィンドウのview controllersのItmeが2つに増え、TabBarControllerから2つのViweControllerに向かって矢印の線が出るようになります。これで設定は完了です。