Swift開(kāi)發(fā)應(yīng)用中如何更方便地使用顏色詳解
前言
春節(jié)期間做了一款新的產(chǎn)品OneScreen,總結(jié)了學(xué)習(xí)Swift開(kāi)發(fā)以來(lái)的一些技巧,今天為大家?guī)?lái)一個(gè)方便調(diào)取顏色、更好使用顏色、隨時(shí)修改顏色的技巧。
主要涵蓋的內(nèi)容是:
1.通過(guò)擴(kuò)展,使用十六進(jìn)制顏色碼標(biāo)記顏色
2.構(gòu)建自定義的顏色/樣式,在各頁(yè)面中方便調(diào)用
3.在后續(xù)UI調(diào)整中,只需要調(diào)整一個(gè)文件即可預(yù)覽全局
實(shí)際上,2、3的技巧類(lèi)似于之前分享過(guò)的多主題解決方案。
一、使用十六進(jìn)制顏色碼
在開(kāi)發(fā)OneScreen中,首先創(chuàng)建了ExtensionFile.swift文件,如下的代碼可以實(shí)現(xiàn)我們后續(xù)調(diào)用十六進(jìn)制顏色碼。
import Foundation extension UIColor { class func colorWithHexString(hex:String) ->UIColor { var cString = hex.trimmingCharacters(in:CharacterSet.whitespacesAndNewlines).uppercased() if (cString.hasPrefix("#")) { let index = cString.index(cString.startIndex, offsetBy:1) cString = cString.substring(from: index) } if (cString.characters.count != 6) { return UIColor.red } let rIndex = cString.index(cString.startIndex, offsetBy: 2) let rString = cString.substring(to: rIndex) let otherString = cString.substring(from: rIndex) let gIndex = otherString.index(otherString.startIndex, offsetBy: 2) let gString = otherString.substring(to: gIndex) let bIndex = cString.index(cString.endIndex, offsetBy: -2) let bString = cString.substring(from: bIndex) var r:CUnsignedInt = 0, g:CUnsignedInt = 0, b:CUnsignedInt = 0; Scanner(string: rString).scanHexInt32(&r) Scanner(string: gString).scanHexInt32(&g) Scanner(string: bString).scanHexInt32(&b) return UIColor(red: CGFloat(r) / 255.0, green: CGFloat(g) / 255.0, blue: CGFloat(b) / 255.0, alpha: CGFloat(1)) } }
這樣,我們每一次通過(guò)UIColor.colorWithHexString(hex: "#______")
便可以調(diào)用顏色,更快地進(jìn)行顏色獲取。
二、建立自己的顏色
接著,我建立了所有頁(yè)面中用到的顏色庫(kù)Theme.swift,直接在文件中創(chuàng)建了所有將用到的顏色,給每個(gè)顏色的適當(dāng)命名也是方便記憶和使用。
import Foundation import UIKit struct Theme{ static var ThemeBlue:UIColor = UIColor.colorWithHexString(hex: "#46b8ee") static var ThemeDarkBlue:UIColor = UIColor.colorWithHexString(hex: "#3eb5ed") static var ThemeDeepBlue:UIColor = UIColor.colorWithHexString(hex: "#2396cd") static var ThemePurple:UIColor = UIColor.colorWithHexString(hex: "#8267c6") static var ThemeDarkPurple:UIColor = UIColor.colorWithHexString(hex: "#7963c5") static var ThemeDeepPurple:UIColor = UIColor.colorWithHexString(hex: "#7059c5") //... }
三、在各頁(yè)面中調(diào)用
調(diào)用的過(guò)程很簡(jiǎn)單,只需要在我們需要UIColor的地方Theme后面直接跟顏色的名稱即可,例如:
cell.backgroundColor = Theme.ThemeDeepPurple cell.backgroundColor = Theme.ThemeDeepBlue
通過(guò)兩個(gè)簡(jiǎn)單的文件,便可以更快速的獲取顏色、自定義顏色。當(dāng)后續(xù)UI調(diào)整,需要新增、改變顏色時(shí),我們只需要更改Theme.swift中的代碼即可。特別是已經(jīng)存在的顏色,在其他頁(yè)面文件中無(wú)需做任何更改,便可全部更新為最新顏色。
希望這樣的解決方案,能給你的開(kāi)發(fā)提升效率。
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,如果有疑問(wèn)大家可以留言交流,謝謝大家對(duì)我們的支持。
上一篇:swift中利用runtime交換方法的實(shí)現(xiàn)示例
欄 目:Swift
下一篇:Swift實(shí)現(xiàn)監(jiān)聽(tīng)鍵盤(pán)通知及一些處理詳解
本文標(biāo)題:Swift開(kāi)發(fā)應(yīng)用中如何更方便地使用顏色詳解
本文地址:http://mengdiqiu.com.cn/a1/Swift/11953.html
您可能感興趣的文章
- 01-11swift中defer幾個(gè)簡(jiǎn)單的使用場(chǎng)景詳解
- 01-11Swift利用Decodable解析JSON的一個(gè)小問(wèn)題詳解
- 01-11Swift中defer關(guān)鍵字推遲執(zhí)行示例詳解
- 01-11Swift中初始化init的方法小結(jié)
- 01-11Swift中定義單例的方法實(shí)例
- 01-11Swift利用純代碼實(shí)現(xiàn)時(shí)鐘效果實(shí)例代碼
- 01-11Swift中排序算法的簡(jiǎn)單取舍詳解
- 01-11Swift如何為設(shè)置中心添加常用功能
- 01-11Swift Json實(shí)例詳細(xì)解析
- 01-11Swift利用指紋識(shí)別或面部識(shí)別為應(yīng)用添加私密保護(hù)功能


閱讀排行
- 1C語(yǔ)言 while語(yǔ)句的用法詳解
- 2java 實(shí)現(xiàn)簡(jiǎn)單圣誕樹(shù)的示例代碼(圣誕
- 3利用C語(yǔ)言實(shí)現(xiàn)“百馬百擔(dān)”問(wèn)題方法
- 4C語(yǔ)言中計(jì)算正弦的相關(guān)函數(shù)總結(jié)
- 5c語(yǔ)言計(jì)算三角形面積代碼
- 6什么是 WSH(腳本宿主)的詳細(xì)解釋
- 7C++ 中隨機(jī)函數(shù)random函數(shù)的使用方法
- 8正則表達(dá)式匹配各種特殊字符
- 9C語(yǔ)言十進(jìn)制轉(zhuǎn)二進(jìn)制代碼實(shí)例
- 10C語(yǔ)言查找數(shù)組里數(shù)字重復(fù)次數(shù)的方法
本欄相關(guān)
- 01-11Swift利用Decodable解析JSON的一個(gè)小問(wèn)題
- 01-11swift中defer幾個(gè)簡(jiǎn)單的使用場(chǎng)景詳解
- 01-11Swift中初始化init的方法小結(jié)
- 01-11Swift中defer關(guān)鍵字推遲執(zhí)行示例詳解
- 01-11Swift利用純代碼實(shí)現(xiàn)時(shí)鐘效果實(shí)例代碼
- 01-11Swift中定義單例的方法實(shí)例
- 01-11Swift中排序算法的簡(jiǎn)單取舍詳解
- 01-11Swift Json實(shí)例詳細(xì)解析
- 01-11Swift如何為設(shè)置中心添加常用功能
- 01-11Swift利用指紋識(shí)別或面部識(shí)別為應(yīng)用添
隨機(jī)閱讀
- 01-10C#中split用法實(shí)例總結(jié)
- 01-11Mac OSX 打開(kāi)原生自帶讀寫(xiě)NTFS功能(圖文
- 01-11ajax實(shí)現(xiàn)頁(yè)面的局部加載
- 01-10使用C語(yǔ)言求解撲克牌的順子及n個(gè)骰子
- 01-10delphi制作wav文件的方法
- 01-10SublimeText編譯C開(kāi)發(fā)環(huán)境設(shè)置
- 08-05織夢(mèng)dedecms什么時(shí)候用欄目交叉功能?
- 08-05dedecms(織夢(mèng))副欄目數(shù)量限制代碼修改
- 04-02jquery與jsp,用jquery
- 08-05DEDE織夢(mèng)data目錄下的sessions文件夾有什