Swift開發應用時如何更方便地使用顏色?

xDEHANG發表於2018-03-05

OneSwift - iOS Tips Based On Swift

春節期間做了一款新的產品OneScreen,總結了學習Swift開發以來的一些技巧,今天為大家帶來一個方便調取顏色、更好使用顏色、隨時修改顏色的技巧。

主要涵蓋的內容是:

1.通過擴充套件,使用十六進位制顏色碼標記顏色

2.構建自定義的顏色/樣式,在各頁面中方便呼叫

3.在後續UI調整中,只需要調整一個檔案即可預覽全域性

實際上,2、3的技巧類似於之前分享過的多主題解決方案。

一、使用十六進位制顏色碼

在開發OneScreen中,首先建立了ExtensionFile.swift檔案,如下的程式碼可以實現我們後續呼叫十六進位制顏色碼。

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))
    }
}

複製程式碼

這樣,我們每一次通過UIColor.colorWithHexString(hex: "#______")便可以呼叫顏色,更快地進行顏色獲取。

二、建立自己的顏色

接著,我建立了所有頁面中用到的顏色庫Theme.swift,直接在檔案中建立了所有將用到的顏色,給每個顏色的適當命名也是方便記憶和使用。

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")

    //...

}

複製程式碼

三、在各頁面中呼叫

呼叫的過程很簡單,只需要在我們需要UIColor的地方Theme後面直接跟顏色的名稱即可,例如:

cell.backgroundColor = Theme.ThemeDeepPurple
cell.backgroundColor = Theme.ThemeDeepBlue

複製程式碼

通過兩個簡單的檔案,便可以更快速的獲取顏色、自定義顏色。當後續UI調整,需要新增、改變顏色時,我們只需要更改Theme.swift中的程式碼即可。特別是已經存在的顏色,在其他頁面檔案中無需做任何更改,便可全部更新為最新顏色。

希望這樣的解決方案,能給你的開發提升效率。

GitHub:OneSwift - iOS Tips Based On Swift

微博:xDEHANG

相關文章