快捷導(dǎo)航

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

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

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

前言

最近因?yàn)楣ぷ鞯脑?，在做界面的時(shí)候，有時(shí)會(huì)忘記某種控件的顏色怎么設(shè)置，需要去網(wǎng)上進(jìn)行搜索，所以寫下這篇文章。

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

下面進(jìn)入正題

導(dǎo)航欄

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

// 標(biāo)題顏色
// 如果需要設(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]];

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

// 導(dǎo)航欄標(biā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)欄

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

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

首先給 info.plist 加上這句話

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

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

[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;

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

- (UIStatusBarStyle)preferredStatusBarStyle {
 return UIStatusBarStyleLightContent;
}

// 細(xì)心的朋友讀者可能會(huì)疑問(wèn)，為什么這次不能用
self.navigationController.preferredStatusBarStyle = UIStatusBarStyleLightContent;

答案很簡(jiǎn)單，仔細(xì)看報(bào)錯(cuò)就知道這是一個(gè) readonly 的屬性，所有我們直接重寫他的 set 方法。

TabBar

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

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

TabBar圖標(biāo)顏色

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

Button

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

// 邊框顏色
// 默認(rèn)沒(méi)有邊框，第一行是設(shè)置線條，第二行重點(diǎn)在于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)自帶的測(cè)色工具，位置在應(yīng)用程序 -> 實(shí)用工具( Launchpad 里叫其他) -> 數(shù)碼測(cè)色計(jì)