RSPizzaGraphView
这个库提供了一个不错的披萨图形视图。它是为了满足希望在应用程序中拥有更佳UI的开发者的需求而制作的!
安装
从CocoaPods安装
RSPizzaGraphView通过CocoaPods提供。要安装它,只需将以下行添加到您的Podfile中:
pod "RSPizzaGraphView"
手动安装
将RSPizzaGraphView源文件复制到您的项目中。
使用方法
RSPizzaGraphView 是一个 UIView 组件。因此,您可以在 Interface Builder 中创建一个 UIView 并将其用作 @IBOutlet,或者您也可以手动创建它。如果您想将其用作 @IBOutlet,不要忘记在 Interface Builder 中设置 RSPizzaGraphView 为您的 UIView 的自定义类。
您需要一些值和颜色来配置您的图表。您将使用 RSPizzaGraph 类。例如,您可以使用以下代码配置图表的值:
let graphs = [RSPizzaGraph(value: 50, color: UIColor.red),
RSPizzaGraph(value: 15, color: UIColor.blue),
RSPizzaGraph(value: 23, color: UIColor.yellow),
RSPizzaGraph(value: 30, color: UIColor.black),
RSPizzaGraph(value: 20, color: UIColor.darkGray)]
每个切片的尺寸将根据值计算。您可以选择任何颜色。选择漂亮的颜色吧! :)
您只需调用一个函数即可配置 RSPizzaGraphView。此函数有三个必需参数,其他参数是可选的。假设您已经初始化了 RSPizzaGraphView,您可以按照以下代码调用此函数:
pizzaGraphView.configureGraph(borderWidth: 150,
graphs: graphs,
animation: .circular,
shouldShowText: true,
font: UIFont.systemFont(ofSize: 15),
textColor: UIColor.white,
unityText: "pt")
- borderWidth:视图的宽度是所有 RSPizzaGraphView 的宽度,但边框宽度是颜色边框的宽度。
- graphs:RSPizzaGraph 的数组,如上所述。
- animation:动画的类型。它是一个名为 RSPizzaGraphAnimation 的枚举。可以是 .circular 或 .sliceFading。
- shouldShowText:是一个布尔值,用于定义图表是否应在图表上显示数值。默认值为 false。
- font:文字使用的字体。如果 shouldShowText 为 false,则它将没有用。默认值是 UIFont.systemFont(ofSize: 12)。
- textColor:文字的颜色。如果 shouldShowText 为 false,则它将没有用。默认值是 UIColor.black。
- unityText:这是要显示与值一起的文字,以便定义它的单位(如果需要的话)。默认是 ""。
参数 borderWidth、graphs 和 animation 是 必须的。其他的是 可选的。
截图
圆形动画 | 切片淡入动画 |
---|---|
![]() |
![]() |