#环图
环图是对在Apple Watch上看到的环状图形的模仿。要使其更像Apple版本,还需要进行一些工作,但已经可以按照提供的功能使用。
##用法
图形可以以三种“模式”展示。
###三重模式
let tripleGraphMeters = [RingMeter(title: "Move", value: 100, maxValue: 100, colors: [AppleBlue1, AppleBlue2], symbolProvider: RightArrowPathProvider()),
RingMeter(title: "Exercise", value: 72, maxValue: 100, colors: [AppleGreen1, AppleGreen2], symbolProvider: DoubleRightArrowPathProvider()),
RingMeter(title: "Stand", value: 45, maxValue: 100, colors: [AppleRed1, AppleRed2], symbolProvider: UpArrowPathProvider())]
if let graph = RingGraph(meters: tripleGraphMeters) {
let ringGraphView = RingGraphView(frame: frame, graph: graph, preset: .MetersDescription)
}
###单模式
let singleGraphMeter = [RingMeter(title: "Move", value: 70, maxValue: 100, colors: [AppleRed1, AppleRed2])]
if let graph = RingGraph(meters: singleGraphMeter) {
let ringGraphView = RingGraphView(frame: frame, graph: graph, preset: .CentralDescription)
}
###迷你模式
let color = UIColor.yellowColor()
let singleColorGraphMeters = [RingMeter(title: "Move", value: 68, maxValue: 100, colors: [color]),
RingMeter(title: "Exercise", value: 63, maxValue: 100, colors: [color]),
RingMeter(title: "Stand", value: 40, maxValue: 100, colors: [color])]
if let graph = RingGraph(meters: singleColorGraphMeters) {
let ringGraphView = RingGraphView(frame: frame, graph: graph, preset: .None)
}
##当前遇到的障碍
- 除了所有仍需改进的视觉改进之外,还有两个主要的功能差异仍需修复。
- 环图只能展示100%的最大值。这意味着它无法超过360度。
图形只能从0到结束值进行动画。因此,在当前情况下,无法以50%的价值展示图形并将其动画化到75%。