快捷導(dǎo)航

關(guān)于iOS中的各種顏色設(shè)置總結(jié)大全（推薦）

更新時間：2017年09月12日 11:03:31 作者：devilx

這篇文章主要給大家介紹了關(guān)于iOS中顏色設(shè)置的相關(guān)資料，其中包括導(dǎo)航欄、狀態(tài)欄、Tabbar、Button、TextField、AttributedString和通用部分的顏色設(shè)置方法示例，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起看看吧。

前言

最近因為工作的原因，在做界面的時候，有時會忘記某種控件的顏色怎么設(shè)置，需要去網(wǎng)上進行搜索，所以寫下這篇文章。

一方面是收藏起來自己查閱，一方面是分享給大家。目標是有了這篇文章，不用再去搜索和顏色設(shè)置有關(guān)的內(nèi)容。話不多說了，來一起看看詳細的介紹吧。

下面進入正題

導(dǎo)航欄

/* 全局設(shè)置 */

// 標題顏色
// 如果需要設(shè)置字體就在字典中加入 [UIFont fontWithName:@"Hiragino Sans GB" size:14]
[[UINavigationBar appearance] setTitleTextAttributes:
  @{NSForegroundColorAttributeName:[UIColor whiteColor]}];

// 導(dǎo)航欄背景顏色
[[UINavigationBar appearance] setBarTintColor:[UIColor whiteColor]];

// 導(dǎo)航欄返回按鈕、自定義UIBarButtonItem顏色
[[UINavigationBar appearance] setTintColor:[UIColor blackColor]];

/* 單獨設(shè)置 */

// 導(dǎo)航欄標題顏色
self.navigationController.navigationBar.titleTextAttributes = @{NSForegroundColorAttributeName:[UIColor whiteColor]};

// 導(dǎo)航欄背景顏色
self.navigationController.navigationBar.barTintColor = [UIColor whiteColor];

// 導(dǎo)航欄返回按鈕、自定義UIBarButtonItem顏色
self.navigationController.navigationBar.tintColor = [UIColor blackColor];

狀態(tài)欄

進入 Targets -> General -> Status Bar Style，可以設(shè)置黑色(默認) 和白色。

如果需要精確控制不同頁面的顏色，還是需要代碼設(shè)置。

首先給 info.plist 加上這句話

// View controller-based status bar appearance
// 加入這個參數(shù)，我們前面方法的設(shè)置就會失效
// 接下來就可以使用代碼進行設(shè)置了

/* 全局設(shè)置 */

[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;

/* 單獨設(shè)置 */

- (UIStatusBarStyle)preferredStatusBarStyle {
 return UIStatusBarStyleLightContent;
}

// 細心的朋友讀者可能會疑問，為什么這次不能用
self.navigationController.preferredStatusBarStyle = UIStatusBarStyleLightContent;

答案很簡單，仔細看報錯就知道這是一個 readonly 的屬性，所有我們直接重寫他的 set 方法。

TabBar

/* 全局設(shè)置 */
// TabBar背景顏色
[UITabBar appearance].barTintColor = [UIColor whiteColor];

/* 單獨設(shè)置 */
// TabBar背景顏色
self.tabBarController.tabBar.barTintColor = [UIColor whiteColor];

TabBar圖標顏色

不用寫亂七八糟的代碼，直接到 Assets.xcassets 里把圖片的屬性 Render 設(shè)置為 Original Image 就可以讓顏色按照圖片的來，而不會選中變藍了。

Button

// 字體顏色
// 有人可能會誤用這兩個錯誤的方法
// 錯誤1：[button.titleLabel setTextColor:[UIColorblackColor]];
// 錯誤2：button.titleLabel.textColor = [UIColor redColor];
// 正確
[button setTitleColor:[UIColor blackColor]
 forState:UIControlStateNormal];

// 邊框顏色
// 默認沒有邊框，第一行是設(shè)置線條，第二行重點在于layer的顏色要用CGColor
button.layer.borderWidth = 2.0;
button.layer.borderColor = [UIColor blackColor].CGColor;

TextField

// placeholder顏色設(shè)置
textField.attributedPlaceholder = [[NSAttributedString alloc] initWithString:@"placeHoldtext" attributes:@{NSForegroundColorAttributeName: [UIColor redColor]}];

AttributedString

// 初始化NSMutableAttributedString
NSMutableAttributedString *str = [[NSMutableAttributedString alloc] initWithString:@"Using NSAttributed String"];
// 顏色設(shè)置
[str addAttribute:NSForegroundColorAttributeName
 value:[UIColor blueColor]
 range:NSMakeRange(0,5)];
[str addAttribute:NSForegroundColorAttributeName
 value:[UIColor redColor]
 range:NSMakeRange(6,12)];
[str addAttribute:NSForegroundColorAttributeName
 value:[UIColor greenColor]
 range:NSMakeRange(19,6)];
// 字體設(shè)置
[str addAttribute:NSFontAttributeName
 value:[UIFont fontWithName:@"Arial-BoldItalicMT" size:30.0]
 range:NSMakeRange(0, 5)];
[str addAttribute:NSFontAttributeName
 value:[UIFont fontWithName:@"HelveticaNeue-Bold" size:30.0]
 range:NSMakeRange(6, 12)];
[str addAttribute:NSFontAttributeName
 value:[UIFont fontWithName:@"Courier-BoldOblique" size:30.0]
 range:NSMakeRange(19, 6)];
// 把AttributedString賦值給Label
attrLabel.attributedText = str;

通用部分

// 字體顏色 適用于Label、TextField、TextView等
label.textColor = [UIColor whiteColor];
textField.textColor = [UIColor yellowColor];
textView.textColor = [UIColor yellowColor];

// 背景顏色 基本都使用
someView.backgroundColor = [UIColor whiteColor];

工具

系統(tǒng)自帶的測色工具，位置在應(yīng)用程序 -> 實用工具( Launchpad 里叫其他) -> 數(shù)碼測色計