快捷導(dǎo)航

Swift開發(fā)應(yīng)用中如何更方便地使用顏色詳解

更新時(shí)間：2018年03月21日 08:37:44 作者：xDEHANG

這篇文章主要給大家介紹了關(guān)于Swift開發(fā)應(yīng)用中如何更方便地使用顏色的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。

前言

春節(jié)期間做了一款新的產(chǎn)品OneScreen,總結(jié)了學(xué)習(xí)Swift開發(fā)以來的一些技巧，今天為大家?guī)硪粋€(gè)方便調(diào)取顏色、更好使用顏色、隨時(shí)修改顏色的技巧。

主要涵蓋的內(nèi)容是：

1.通過擴(kuò)展，使用十六進(jìn)制顏色碼標(biāo)記顏色

2.構(gòu)建自定義的顏色/樣式，在各頁面中方便調(diào)用

3.在后續(xù)UI調(diào)整中，只需要調(diào)整一個(gè)文件即可預(yù)覽全局

實(shí)際上，2、3的技巧類似于之前分享過的多主題解決方案。

一、使用十六進(jìn)制顏色碼

在開發(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))
  }
}

這樣，我們每一次通過UIColor.colorWithHexString(hex: "#______")便可以調(diào)用顏色，更快地進(jìn)行顏色獲取。

二、建立自己的顏色

接著，我建立了所有頁面中用到的顏色庫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")
  //...
}

三、在各頁面中調(diào)用

調(diào)用的過程很簡單，只需要在我們需要UIColor的地方Theme后面直接跟顏色的名稱即可，例如：

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

通過兩個(gè)簡單的文件，便可以更快速的獲取顏色、自定義顏色。當(dāng)后續(xù)UI調(diào)整，需要新增、改變顏色時(shí)，我們只需要更改Theme.swift中的代碼即可。特別是已經(jīng)存在的顏色，在其他頁面文件中無需做任何更改，便可全部更新為最新顏色。
希望這樣的解決方案，能給你的開發(fā)提升效率。

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

您可能感興趣的文章: