タブバーアイコン非選択時の色を変更する方法【iOS 10】

公開日: : 最終更新日:2017/08/26 iOSアプリ開発

20160925-163452.jpg

UITabBarControllerで、タブバーアイコン非選択時の色を変更する方法を紹介します!

    

iOS 9以前の場合

iOS 9以前の場合はタブバーアイコン非選択時の色指定ができないので、色が付いた画像を用意してそれに置き換えます。

具体的なやり方については以下の記事が詳しいです。

【Swift/Xcode7 】非選択時タブバーアイコンの色設定 – Qiita

    

iOS 10の場合

iOS 10ではUITabBarにunselectedItemTintColorというプロパティが追加されており、これを使えば色の付いた画像を用意しなくてもタブバーアイコン非選択時の色を簡単に変更することができます。

// タブバーアイコン選択時の色を変更(iOS 9以前でも利用可能)
UITabBar.appearance().tintColor = UIColor.red

// タブバーアイコン非選択時の色を変更(iOS 10で利用可能)
UITabBar.appearance().unselectedItemTintColor = UIColor.orange

    

以下、実行時のスクリーンショットです。

20160925-164559.jpg

    

@akio0911はこう思った。

なぜ今まで無かったのか疑問なくらい、便利なプロパティですね!

非選択時の色が付いた画像を用意しなくて良くなったのでとても楽になりました。

    

この記事を書いた人
あきお(@akio0911
iOSエンジニア、ブロガー。「プログラミングで人々を幸せに」をテーマに活動中。著書に「iPhoneアプリ開発レシピ」「cocos2d for iPhoneレッスンノート」など。東京・大阪にてアプリ開発講座「アプリクリエイター道場」を主催。 MAMORIO株式会社 技術顧問(インタビュー記事)、VISITS Technologies株式会社 技術顧問(インタビュー記事)。ブログ「卵は世界である」を運営。

関連記事

この記事が気に入ったら「いいね!」しよう

follow us in feedly

Feedlyで最新記事を購読

Twitterで更新情報をゲット!

LINEでご感想・ご要望お送りください!
(スマホでLINEを起動 > 友だち追加 > QRコード)

プログラミング未経験者向けのプログラミング入門連載記事を始めます

こんにちは、@akio0911です。 これからプログラミング未経

【RxSwift】BehaviorRelayとPublishRelayについてまとめてみた

こんにちは、@akio0911です。今回はRxSwiftのBe

【RxSwift】materialize, dematealizeを使ってみた

@toshi0383さんに教えていただいた、RxSwiftのm

【RxSwift】ストリームのcompletedをつぶす(消し去る)方法

RxSwiftで元々のストリームからcompletedをつぶす

【RxSwift】completedかerrorが流れてきたらsubscribeはdisposeされる

RxSwiftにおいて、completedかerrorが流れて

→もっと見る

PAGE TOP ↑