ProgressMeter🎰

描述

在仪表控件中显示进度。ProgressMeter 允许您创建自定义标注，这些标注可以显示在仪表的顶部或底部。因此，它不仅仅是一个普通的进度条，它提供了更好的视觉效果。💯

用例

健身应用 🏃‍

构建计步器从未如此简单。如果您正在寻找的不是仪表控件，那么您来对地方了。看看这里🤓

银行应用🏦

谈到金融应用。我们都遇到过类似场景，展示赚取的奖励或现金返还。在这里，《ProgressMeter》可以帮助提供独特的用户体验。🏧

示例

界面构建器

猜猜看？您可以在设计时间全部完成，而不需要写一行代码。
从对象库中拖拽一个 UIView，并按照以下步骤操作

步骤 1
设置 Class & Module Identity Inspector > Custom Class

步骤 2
在 Attribute Inspector 中，您可以更改属性并实时检查一切🚀

• maxValue: 仪表的最大值
• progress: 仪表的当前进度
• numberOfDivisions: 您想要显示多少部分
• 其余的都很直观

代码👨‍💻

将您的视图（ProgressMeter）属性挂载到您的视图控制器上，并在 viewDidLoad 中尝试里面的代码片段：

代码片段 # 1: 查找使用自己的数据设置控件👨‍🏫

func setupWithCustomData() {
    progressControl.maxValue = 20000
    progressControl.data = [1999, 4999, 9999, 14999]
    progressControl.progress = 14999 / 20000
}

代码片段 # 2: 没有数据集？ProgressMeter 可以创建自己的数据🔢

func setupWithControlData() {
    progressControl.maxValue = 20000
    progressControl.numberOfDivisions = 4
    progressControl.progress = 0.4
}

代码片段 # 3: 设置视觉方面💄

func visualSetup() {
    progressControl.progressTintColor = .purple
    progressControl.trackTintColor = .gray
    progressControl.borderWidth = 1
    progressControl.borderColor = .darkGray
    progressControl.annotationTextColor = .purple
    progressControl.dividerColor = .darkGray
}

安装

CocoaPods

ProgressMeter 通过 CocoaPods 提供。要安装，只需将以下行添加到您的 Podfile：

pod 'ProgressMeter'

Carthage

要使用 Carthage 将 ProgressMeter 集成到您的 Xcode 项目中，请在您的 Cartfile 中指定以下内容：

github "khawajafarooq/ProgressMeter"

运行 carthage update 以构建框架并将构建的 ProgressMeter.framework 拖动到您的 Xcode 项目中。

要求

即将到来的功能🎏

• Carthage 支持
• 在顶部或底部显示标注

问题🚫

• 在堆叠视图中使用ProgressMeter需要进行一些调整。

作者 🙏🏻

网站: Khawaja Farooq

Twitter: @khfarooq

Medium: @khfarooq

许可证

ProgressMeter采用MIT许可。更多信息请参阅LICENSE文件。