Swift-颜色设置技巧和(.clr)文件的创建和使用

在 iOS 开发中，颜色设置大致有两种方式，一种是在Storyboard或 XIB 中通过颜色色板设置，另一种是出代码中通过 UIColor 这个类来设置，下面我总结下平时颜色设置的常用方法和一些技巧

---

一、iOS 颜色色板介绍

在iOS开发中,我们使用 Storyboard 和 XIB 的时候，对控件颜色的设置都是通过颜色色板来设置的，Xcode 自带颜色色板，利用它，可以非常方便的选取和设置颜色。
其实颜色色板的色彩元素是从（.clr）文件获取的

下面是Xcode自带色板截图：

---

二、自定义颜色色板元素

如何创建（.clr）文件，我google一下，发现最方便快捷的方式就是通过Xcode自带的颜色色板进行创建
参考资料

01-按照箭头指示创建新的色板

02-选择“new“,创建一个色板，并”rename“重新命名

03-通过箭头所指示位置的加号和减号添加颜色，双击颜色可以重命名

04-以后通过 Storyboard 或 XIB 设置颜色，就可以通过自定义色板进行设置了

用法跟其他颜色选取一样

05-获取自定义颜色色板文件（.clr）所在位置

额外介绍，为下一篇做铺垫

分享一个最新打开隐藏文件的命令

command + shift + .

打开系统隐藏文件，按着箭头找到 (.clr) 文件

---

三、Xcode颜色色板功能介绍

• 通过颜色选择器选择任何位置任何颜色
• 可以设置颜色的透明度
• 可以设置 RGB 颜色
• 也可以设置 CMYK 颜色，还有 HSB 颜色
• 最重要的是：可以通过（.clr）文件，自定义颜色色板

四、项目中颜色的设置和具体介绍

在现实开发中，我们项目中需要用到的颜色不多，但很多通过颜色色板不能直接获取，需要自定义颜色属性，这样很不敏捷

• 用法一：可以通过给 UIColor 添加延展，模拟系统自带属性设置颜色
• 用法二：在项目中为每个需要用到的颜色定义一个常量，直接读取颜色常量设置颜色
• 用法三：自定义（.clr）文件，将项目中所需要的颜色添加到颜色色板中
• 用法四：通过 R.swift 中的 R.color 配合（.clr）文件设置颜色，更加方便快捷

---

用法一

设置颜色：

// 定义扩展extension UIColor {    static func rgbColor(r: CGFloat, g: CGFloat, b: CGFloat, alpha: CGFloat = 1.0) -> UIColor {        let color: UIColor = UIColor(red: r/255.0, green: g/255.0, blue: b/255.0, alpha: alpha)        return color    }    open class var _46_97_67: UIColor {        return UIColor.rgbColor(r: 46, g: 97, b: 67)    }    open class var _61_141_118: UIColor {        return UIColor.rgbColor(r: 61, g: 141, b: 118)    }    open class var _240_135_157: UIColor {        return UIColor.rgbColor(r: 240, g: 135, b: 157)    }}

具体使用

    // 通过延展设置颜色    view.backgroundColor = UIColor._46_97_67    view.backgroundColor = UIColor._61_141_118    view.backgroundColor = UIColor._240_135_157

---

用法二

设置颜色

/// 定义常量let color_46_97_67    = UIColor.rgbColor(r: 46, g: 97, b: 67)let color_61_141_118  = UIColor.rgbColor(r: 61, g: 141, b: 118)let color_240_135_157 = UIColor.rgbColor(r: 240, g: 135, b: 157)

具体使用

    // 通过常量设置颜色    view.backgroundColor = color_46_97_67    view.backgroundColor = color_61_141_118    view.backgroundColor = color_240_135_157

---

用法三：

通过自定义颜色色板元素进行选取
缺点：跟系统颜色一样，不能用使用代码设置

---

用法四：

这里只介绍如何使用，具体如何配置下一篇细讲

    // 通过 R.swift 设置颜色    view.backgroundColor = R.color.lotusColor._46_97_67()    view.backgroundColor = R.color.lotusColor._61_141_118()    view.backgroundColor = R.color.lotusColor._240_135_157()