0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

[Xcode / Swift] TabBarを利用して画面遷移をする

Posted at

スクリーンショット 2023-11-07 18.10.13.png
画面の下部にTapBarを設置し押下で画面遷移する方法

StoryBoard

右下のマークをクリックし、Tap Bar Controllerを選択。
スクリーンショット 2023-11-07 18.19.01.png

選択後、以下のように表示されます。
スクリーンショット 2023-11-07 18.16.37.png

View Controllerを2つ追加します。
スクリーンショット 2023-11-07 18.23.39.png

Tap Bar Controllerの以下の部分をcontrolボタンをクリックしながらクリックし、各View Controllerまでドラッグしてview controllersを選択します。
スクリーンショット 2023-11-07 18.28.34.png
スクリーンショット 2023-11-07 18.25.16.png

以下のようになっていればこの段階で遷移は可能です。スクリーンショット 2023-11-07 18.30.06.png

ですが、これではTapBarのItemのロゴが全て同じなので、以下のようにItemのロゴとタイトルをHomeとし、Home画面に遷移した際にわかりやすいようにUILabelでHome画面と表示させます。

①Itemのタイトルとロゴ
②UILabel
スクリーンショット 2023-11-07 18.31.09.png

他二つのTabBarのItemも同様、以下のようにカレンダー、プロフィールのロゴとし、各画面にCalendar画面、Profile画面と表示されるようにUILableを設置します。

スクリーンショット 2023-11-07 18.36.17.png

以上を完了し実行すると、constraintsをつけていないので上記のようにUILableが真ん中には表示されていませんが、各画面に遷移できることがわかります。
Simulator Screenshot - iPhone SE (3rd generation) - 2023-11-07 at 18.44.38.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?