iOS：使用ABGaugeViewKit在Swift 4中创建GaugeView / Speedometer

在本文中，我们将使用具有动态功能的ABGaugeViewKit在iOS XCode中实现轻量级的GaugeView。

  1. N个弧，每个弧具有自定义区域。
  2. 可定制的整体弧角。
  3. 很棒的动画。
  4. 简单轻巧。
  1. 在XCode中创建一个新项目。
  2. 在您的项目中添加ABGaugeViewKit。
  3. 使用情节提要准备ABGaugeView。
  4. 设置参数值之前要记住的事情。（这一点很重要）

1.在XCode中创建一个新项目

打开XCode，转到“文件”>“新建”>“项目”

选择“ Single View App”，如图像编号所示。 1，然后单击下一步。

然后，添加产品名称。 您可以添加自己的产品名称。 出于教程目的，我们给它命名为“ ABGaugeExample”，然后单击“下一步”。

2.在项目中添加ABGaugeViewKit

在这一步中，我们将Podfile添加到我们的项目中。

  1. 启动Terminal并转到您项目的目录。
  2. 键入pod init ，然后在终端中按Enter。 此命令将在您的项目中创建podfile。
  3. 键入open podfile ，然后在终端中按Enter。 此命令将在TextEditor中打开podfile。
  4. 在Podfile中，添加> pod’ABGaugeViewKit'<，如图中的图片所示。 2
  5. 保存podfile并关闭您的项目。
  6. 转到终端，然后输入pod install 。 此命令将安装框架。

3.使用情节提要准备ABGaugeView。

  1. 框架安装完成后，转到项目目录并打开YourProjectName.workspace。
  2. 转到Main.stoyboard并将UIView添加到ViewController。
  3. 添加相同的宽度和高度约束，例如。 如图像编号240所示。 3。
  4. 如图中所示，添加水平和垂直居中约束。 4。
  5. 转到Identity Inspector并将类名称更改为ABGaugeView，如图像No.所示。 5，
  6. 转到“属性”检查器，以更改“量具”视图的属性，例如以下属性颜色代码，区域，弧角，针头颜色，针头值，应用阴影，圆帽，眨眼动画，圆形颜色，阴影颜色。
  1. 颜色代码 ：您应该在gaugeView中添加所需颜色的十六进制代码集，并用逗号组合。
  2. 面积 ：将每个弧的面积加逗号组合，总计为100 。 另外，请注意颜色代码的 数量和区域数量应相等 。
  3. 圆弧角 ：您可以在0.1到3.6之间添加值。
  4. 针值 ：您可以在0到100之间增加值。
  5. 应用阴影 ：您可以切换ABGaugeView的阴影。
  6. 是圆形帽 ：您可以切换ABGaugeView的圆形帽端。
  7. 闪烁动画 ：可以切换ABGaugeView弧的动画。
  8. 圆形颜色 ：您可以更改针的圆形颜色。
  9. 阴影颜色 ：您可以阴影ABGaugeView。

Interesting Posts