HSBColorWheelPicker

要求

iOS 8.0

安装

使用 HSBColorWheelPicker 的最简单方法是使用 CocoaPods。
将以下行添加到你的 Podfile 中。

pod "HSBColorWheelPicker"

否则你需要将以下文件包含到你的项目中

• ColorWheel.swift
• ColorView.swift

使用方法

HSBColorWheelPicker 专为 Interface Builder 和 AutoLayout 优化。

1. 在 Storyboard 中将一个 UIView 拖到 View Controller 中。
2. 将 HSBColorWheel 设置为 UIView 的类。
3. 在 ViewController 实现中导入 HSBColorWheelPicker 框架。
4. 在 HSBColorWheel 视图和 View Controller 之间建立一个连接。
5. 在 View Controller 中实现 HSBColorWheelDelegate 协议。
   只有一个方法： colorWheel(_ colorWheel:HSBColorWheel, didSelectColor color:UIColor)
6. 将 View Controller 设置为 HSBColorWheel 视图的代理。
7. 准备使用它。

更改 UI 组件

你可以通过更改以下值来自定义用户界面

- @IBInspectable public var colorSize:CGFloat
- @IBInspectable public var wheelDivisions:Int
- @IBInspectable public var colorSeparation:CGFloat
- @IBInspectable public var showWheelEdge:Bool
- @IBInspectable public var wheelEdgeColor:UIColor
- @IBInspectable public var wheelEdgeWidth:CGFloat
- @IBInspectable public var showDivisions:Bool
- @IBInspectable public var divisionsColor:UIColor
- @IBInspectable public var divisionsWidth:CGFloat
- @IBInspectable public var showColorEdge:UIColor
- @IBInspectable public var colorEdgeWidth:CGFloat
- @IBInspectable public var colorEdgeColor:UIColor
- @IBInspectable public var showSelectedColor:Bool

不使用 Interface Builder

如下所示，你还可以使用代码来编程自定义 HSBColorWheelPicker

let frame = CGRect(x: 0, y: 0, width: 320, height: 320)
let colorWheel = HSBColorWheel(frame: frame)
colorWheel.colorSize = 33
colorWheel.wheelDivisions = 11
colorWheel.colorSeparation = 2
colorWheel.showWheelEdge = true
colorWheel.showDivisions = true
colorWheel.showColorEdge = true

view.addSubview(colorWheel)

默认值

- colorSize = 20
- wheelDivisions = 4
- colorSeparation = 1
- showWheelEdge = false
- wheelEdgeColor = black
- wheelEdgeWidth = 1.0
- showDivisions = false
- divisionsColor = black
- divisionsWidth = 1.0
- showColorEdge = true
- colorEdgeWidth = 0.5
- colorEdgeColor = black
- showSelectedColor = true

屏幕截图

使用 Interface Builder 更改值

带有边框和分割线的颜色轮

不带边框和分割线的颜色轮

• 分割线宽度：20dp
• 分割线颜色：黑色（透明度 0.5）

• 分割线宽度：35dp
• 分割线颜色：黑色（透明度 0.75）

作者

Patricio Aguirre - [email protected] - @patoman007

许可证

HSBColorWheelPicker 使用 MIT 许可证。有关更多信息，请参阅 LICENSE 文件。