masalibの日記

システム開発、運用と猫の写真ブログです

【StoryBoard】TabBarControler導入手順

TabBarControlerはXcodeのデフォルトの機能です。 初心者の自分がすこしハマったことのメモです

環境

Xcode 15.3 Build version 15E204a

TabBarControlerを作る

StoryBoardで「+」を押してその後「Tab」を入力すると

TabBarControlerが表示されるのでそれをドラッグアンドドロップする

デフォルトで2つタブが作られる

TabBarControlerにViewを追加する

StoryBoardで「+」を押してその後「ViewControl」を入力すると

ViewControlerが表示されるのでそれをドラッグアンドドロップする

親のTabBarControlerをcontrolボタンを押しながらクリックして その後、作成したViewControlerをクリックすると ポップアップが表示されるので

Relationship Segue
 view controller
を選択する

タブが追加される (あとはタブのアイコンなどを変えたりすればOK)

順番変更について

タブの順番を変更するには、TabBarControllerの各ViewControllerをドラッグ&ドロップします。 タブバーに関連付けられている各ViewControllerは、Storyboard上でTabBarControllerの下に小さな矢印で接続されています。これらのViewControllerをドラッグして並べ替えることで、アプリ内でのタブの順序を変更できます。

参考URL
https://qiita.com/kapiemon/items/7812f64597244644ca4b