BLOG

2014年5月28日/ iOS, UITabBar, アイコン

[iOS] UITabBarデザインカスタマイズまとめ(フォント色、アイコン色、背景色)

 

iPhoneアプリでUITabBarControllerを使ったUIはよく使われていますね!

アイコンやフォントのデザインのカスタマイズ方法についてまとめてみました。

※ この記事時点の最新バージョンは[iOS:7.1.1]です。

 

フォントカラー

まずはフォントカラーから。

 

“UIControlStateSelected”は”UIControlStateNormal”に置き換えることで通常時のフォントカラーも設定できます。

 

タブイメージとカラー

画像とその色も設定できます。

レンダリングモードに”UIImageRenderingModeAlwaysTemplate”を指定していますが、これを設定することで画像をテンプレートとして扱い、この画像の色を別途指定することができます。

 

 

ちなみに画像をテンプレートとしてではなく、オリジナルの状態で使用したい場合はレンダリングモードに”UIImageRenderingModeAlwaysOriginal”を指定して下さい。

 

タブの背景色と画像設定

タブの背景にはカラーや画像が指定可能です。

 

 

まとめ

いかがでしたでしょうか?

意外と簡単にデザインできることがわかったと思います。

こちらを参考によりオシャレにみせちゃいましょう!

 

Resent Posts

Category