修改TabBarController的Item
在Main.storyboard中點擊導航視圖NavigationController的Item->修改Title葫哗,Image钾埂,以及Selected Image硝训,其它三個依次修改,
修改Item.png
全部修改好后铃辖,運行程效果如下剩愧,
Item修改后.png
創(chuàng)建NPTabarController
運行后我們發(fā)現,Item的顏色不是我們想要的顏色娇斩,那么我們需要修改Item的顏色仁卷。
- 創(chuàng)建NPTabBarController
在我們的Classes/Main/Controller目錄下創(chuàng)建文件,
床架NPTabBarController.png
- 修改顏色
我們要修改bar的標題顏色犬第,以及Item的圖片顏色锦积。
- (void)viewDidLoad {
[super viewDidLoad];
UIColor *selColor = [UIColor colorWithRed:0 /255.0
green:190/255.0
blue:12 /255.0
alpha:1.0f];
// 圖片顏色
for (UINavigationController *nav in self.childViewControllers) {
[nav.tabBarItem setTitleTextAttributes:@{ NSForegroundColorAttributeName : selColor}
forState:UIControlStateSelected];
}
// 修改字體顏色
self.tabBar.tintColor = selColor;
}
運行程序效果圖如下,
顯示的效果.png
修改NavgationController
接下來我們修改導航欄的背景顏色歉嗓。
- 創(chuàng)建NPNavgationController
先創(chuàng)建NPNavgationController充包,然后修改顏色
創(chuàng)建NPNavagationController.png
-
修改NavgationBar背景顏色
// 設置NavgationBar背景顏色 [self.navigationBar lt_setBackgroundColor:[UIColor colorWithRed:53/255.0 green:52/255.0 blue:58/255.0 alpha:1]];
-
修改標題及左右按鈕顏色
// 設置標題顏色 [self.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName: [UIColor whiteColor]}]; // 設置左右按鈕字體顏色 self.navigationBar.tintColor = [UIColor whiteColor];
-
修改狀態(tài)欄顏色
// 狀態(tài)欄顏色 - (UIStatusBarStyle)preferredStatusBarStyle { return UIStatusBarStyleLightContent; }
運行程序,效果如下遥椿,
效果圖.png