前言:UITabBarController和UINavigationController是大多數App選擇的導航模式。而UITabBarController的UITabBar又是其呈現給用戶的UI部分,所以了解其屬性,以及如何自定義非常重要。本文模仿新浪微博寫一個簡單的Tabbar,感興趣的同學可以下載來看看,Demo的實現我會在本文最後簡單提一下。
Demo 效果(圖標文字隨便寫的)
靜態圖
動圖
Demo的具體代碼就不講解了,感興趣的同學下載下來看看就知道怎麼回事,而且,我的資源都是不要積分就可以下的。
下載鏈接
http://download.csdn.net/detail/hello_hwc/9068705
tintColor//定義TabBarItems的選種顏色
例如,設為紅色
幾個Image相關的屬性
backgroundImage
設置UITabbar的背景圖片,例如,設置上文最開始的Demo的背景圖片為漸變
shadowImage //陰影圖片
selectionIndicatorImage //選種後再tabbar之上,再baritem之下的圖片。
translucent //是否透明
image/selectedImage //圖片,和選中後的圖片
例如,我的Demo中,對中間的Item進行了如下設置
保證怎麼點擊都使用我想要的圖片
item.image = [midImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
item.selectedImage = [midImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
調整title和Icon的位置
titlePositionAdjustment/imageInsets
例如,我的Demo中,中間的是大圖,沒有title的,要調整Icon的位置
item.imageInsets = UIEdgeInsetsMake(5.0, 0, -5.0, 0);
調整之前
之後
設置字體樣式<喎?/kf/ware/vc/" target="_blank" class="keylink">vcD4NCjxwcmUgY2xhc3M9"brush:java;">
setTitleTextAttributes:forState:
例如,使用如下代碼把字體設為藍色
[item setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor blueColor]} forState:UIControlStateNormal];
設置前後對比