16
11

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 5 years have passed since last update.

UITabBarControllerをStoryboardで設定する時にTabBarItemが表示されない

Last updated at Posted at 2019-03-15

概要

UITabBarControllerをStoryboardで各Storyboard Referenceに繋いだ際にTabBarIconが表示されない
いつも忘れて少し時間とられるので備忘録としてメモ

UITabBarControllerの設定

StoryboardとReferenceを繋ぐ

Storyboard上でStoryboard ReferenceにCtrl+ドラッグでsegueをつなぎ、Relationship SegueのviewControllersを選択します。すると以下の状態になります。

※この時遷移先のStoryboardはinitialViewControllerを設定しておいてください。
スクリーンショット 2019-03-15 17.24.05.png

Itemを設定する

次にReferenceのTabBarItemを設定します。
以下のように遷移先のReferenceのTabBarItemのInspectorの中でSystemItem(カスタムでも良い)を設定します。
スクリーンショット 2019-03-15 17.28.29.png

はい!これで完璧っぽい!ビルド&実行!
>>>>>表示されない<<<<<

はい、ということでここからが本題!
今のItem設定はむしろ一切必要ありません。笑
(Storyboard上でTabBarControllerのItemの表示をちゃんと確認したい場合は設定してください)

ポイントは**遷移先のReferenceでなくViewControllerにTabBarItemを追加する**ということです!
ここで設定したものが表示されます。

スクリーンショット 2019-03-15 17.44.40.png スクリーンショット 2019-03-15 17.45.12.png

終わりに

ということでめでたく表示されました!
いつも忘れてしまうのでメモ的に書かせていただきました。

TabBarでの処理はVCの生成とitemの設定などがほとんどなのでできる限りコードを減らして楽に暮らしていきたいマン。

16
11
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
16
11

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?