前言
春節期間做了一款新的產品OneScreen,總結了學習Swift開發以來的一些技巧,今天為大家帶來一個方便調取顏色、更好使用顏色、隨時修改顏色的技巧。
主要涵蓋的內容是:
1.通過擴展,使用十六進制顏色碼標記顏色
2.構建自定義的顏色/樣式,在各頁面中方便調用
3.在后續UI調整中,只需要調整一個文件即可預覽全局
實際上,2、3的技巧類似于之前分享過的多主題解決方案。
一、使用十六進制顏色碼
在開發OneScreen中,首先創建了ExtensionFile.swift/217056.html">swift文件,如下的代碼可以實現我們后續調用十六進制顏色碼。
import Foundationextension 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)) }}
這樣,我們每一次通過UIColor.colorWithHexString(hex: "#______")
便可以調用顏色,更快地進行顏色獲取。
二、建立自己的顏色
接著,我建立了所有頁面中用到的顏色庫Theme.swift,直接在文件中創建了所有將用到的顏色,給每個顏色的適當命名也是方便記憶和使用。
import Foundationimport UIKitstruct 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") //...}
三、在各頁面中調用
調用的過程很簡單,只需要在我們需要UIColor的地方Theme后面直接跟顏色的名稱即可,例如:
cell.backgroundColor = Theme.ThemeDeepPurplecell.backgroundColor = Theme.ThemeDeepBlue
通過兩個簡單的文件,便可以更快速的獲取顏色、自定義顏色。當后續UI調整,需要新增、改變顏色時,我們只需要更改Theme.swift中的代碼即可。特別是已經存在的顏色,在其他頁面文件中無需做任何更改,便可全部更新為最新顏色。
希望這樣的解決方案,能給你的開發提升效率。
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對VEVB武林網的支持。
新聞熱點
疑難解答