Swift
UITabBarController
UITabBar
Xcode8
swift3

【Swift3】UITabBarのItemの画像をStoryboardで設定

More than 1 year has passed since last update.

はじめに

UITabBarのItemに画像をStoryBoard上で設定するやり方を記述していきたいと思います

準備

  • 画像用意(moon.png)

moon.png

  • UITabBarControllerを用意

tab.png

手順

1.Tab Bar Item 設定

  • System Itemの部分をCustomに変更
  • Selected Imageの部分を任意の画像に変更

1.png

しかしこのままでは、うまく反映されません

iPhone1.png

2.Bar Item 設定

  • Imageを先ほどの画像に変更

4.png

これで、無事反映されます

ここの設定を忘れていて、僕は割と詰まってしまいました...

iPhone2.png

おわりに

コードで設定するのもいいけど、できればStoryboardで出来るものはやりたいなぁ
と最近思ってます(笑)

今回のサンプルコードはこちらにあります