iOS 顏色設(shè)置看我就夠了

最近發(fā)現(xiàn)做界面的時(shí)候拒名,有時(shí)會(huì)忘記某種控件的顏色怎么設(shè)置,需要去網(wǎng)上進(jìn)行搜索雁佳,所以寫(xiě)下這篇文章糖权。

一方面是收藏起來(lái)自己查閱星澳,一方面是分享給大家。目標(biāo)是有了這篇文章腿堤,不用再去搜索和顏色設(shè)置有關(guān)的內(nèi)容。
下面進(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)) 和 白色。

狀態(tài)欄.png

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

首先給 info.plist 加上這句話(huà)

// 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 的屬性流妻,所有我們直接重寫(xiě)他的 set 方法牲蜀。

TabBar

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

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

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

TabBar圖標(biāo)顏色

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è)置線(xiàn)條浑度,第二行重點(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ì)

數(shù)碼測(cè)色計(jì)

使用方法:
打開(kāi)后指向你想測(cè)色的地方即可顯示他的 RGB 色饮笛,以這個(gè) Switch 舉個(gè)例子。

顏色測(cè)試

我們?cè)O(shè)置完rgb色后和你想要的略有差別摄狱。這里提供一個(gè)解決辦法。設(shè)置顏色的時(shí)候无午,點(diǎn)擊右邊的小齒輪,選擇 sRGB指厌。

sRGB

幾種常用的列舉的差不多了踊跟。不完整的地方大家可以提出來(lái),我會(huì)對(duì)這個(gè)文章進(jìn)行更新商玫。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市拳昌,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌炬藤,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,651評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件沈矿,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡羹膳,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)陵像,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人醒颖,你說(shuō)我怎么就攤上這事∨⑶福” “怎么了冕广?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,931評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵偿洁,是天一觀(guān)的道長(zhǎng)。 經(jīng)常有香客問(wèn)我睬辐,道長(zhǎng)宾肺,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,218評(píng)論 1 292
  • 正文 為了忘掉前任丰刊,我火速辦了婚禮增拥,結(jié)果婚禮上啄巧,老公的妹妹穿的比我還像新娘掌栅。我一直安慰自己,他們只是感情好澄耍,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,234評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布晌缘。 她就那樣靜靜地躺著,像睡著了一般选酗。 火紅的嫁衣襯著肌膚如雪搀捷。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,198評(píng)論 1 299
  • 那天氢烘,我揣著相機(jī)與錄音家厌,去河邊找鬼。 笑死饭于,一個(gè)胖子當(dāng)著我的面吹牛维蒙,可吹牛的內(nèi)容都是我干的果覆。 我是一名探鬼主播局待,決...
    沈念sama閱讀 40,084評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼钳榨,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼薛耻!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起饲漾,我...
    開(kāi)封第一講書(shū)人閱讀 38,926評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤候醒,失蹤者是張志新(化名)和其女友劉穎杂瘸,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體敌土,經(jīng)...
    沈念sama閱讀 45,341評(píng)論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡运翼,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,563評(píng)論 2 333
  • 正文 我和宋清朗相戀三年血淌,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片悠夯。...
    茶點(diǎn)故事閱讀 39,731評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡沦补,死狀恐怖乳蓄,靈堂內(nèi)的尸體忽然破棺而出夕膀,到底是詐尸還是另有隱情美侦,我是刑警寧澤魂奥,帶...
    沈念sama閱讀 35,430評(píng)論 5 343
  • 正文 年R本政府宣布耻煤,位于F島的核電站赠叼,受9級(jí)特大地震影響违霞,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜涧郊,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,036評(píng)論 3 326
  • 文/蒙蒙 一眼五、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧批旺,春花似錦诵姜、人聲如沸汽煮。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,676評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至瞎惫,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間瓜喇,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,829評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工矩肩, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人叉袍。 一個(gè)月前我還...
    沈念sama閱讀 47,743評(píng)論 2 368
  • 正文 我出身青樓刽酱,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親棵里。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,629評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,080評(píng)論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件骏掀、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,094評(píng)論 4 62
  • Swift版本點(diǎn)擊這里歡迎加入QQ群交流: 594119878最新更新日期:18-09-17 About A cu...
    ylgwhyh閱讀 25,365評(píng)論 7 249
  • 曾經(jīng)擁有的東西坡锡,現(xiàn)在回想是否早已遺棄块请?曾經(jīng)約好的誓言拳缠,現(xiàn)在回首是否已經(jīng)放棄?曾經(jīng)美好的時(shí)光窟坐,現(xiàn)在回憶是否留下遺憾?...
    夢(mèng)醒醉余生閱讀 285評(píng)論 2 7
  • 今天是周一讯沈,公布一下本周的主題——閱讀婿奔。我會(huì)在已經(jīng)讀過(guò)的有關(guān)閱讀的十多本書(shū)里面问慎,選擇5本周一至周五進(jìn)行分享挤茄,然后會(huì)...
    公明同學(xué)閱讀 622評(píng)論 0 1