2017-10-14 100 views
-1

怎样绘制在图像的圆形图表下方在IOS:如何绘制饼像图中IOS

[circular chart

或用于圆形进度条多个颜色的任何库中?

+0

你可以使用这个库 - > https://github.com/danielgindi/Charts –

回答

0

如果你想自己做,你可以使用Core Graphics或者CAShapeLayers。在这两种情况下,您可能都想创建一个自定义子类UIView;这两种方法的实施情况会有所不同。

如果您使用的是核心图形,您可以为自定义视图类型实现draw(_:)函数。在这个函数中,你会创建一系列UIBezierPath对象。您可以设置圆角端盖样式,设置所需的线宽,并使用init(arcCenter center: CGPoint, radius: CGFloat, startAngle: CGFloat, endAngle: CGFloat, clockwise: Bool)为每条路径创建一条弧线,使用UIColor.stroke()设置strokeColor来设置当前笔触颜色,然后对该路径进行笔触。 (一条路径全部用一种颜色绘制,因此您需要创建多个路径以绘制多种颜色。)

如果您使用的是CAShapeLayer对象,您可以创建多个形状图层,配置它们的笔触颜色和粗细,将它们安装为自定义视图的子图层,创建上述对象UIBezierPath,并将每个UIBezierPath的后备CGPath对象安装到不同的形状图层中。

-1

我发现一对夫妇CocoaControls的,可以帮助你:

CircleStatus 这种控制将帮助你实现你想要在几行:

但我明确地使用CircleProgressView

其与故事板兼容,为了实现多行效果,您需要将多个视图一个接一个放置,并将轨迹背景色设置为Clear Color;)