JKSteppedProgressBar

示例

要运行示例项目，请克隆仓库，然后首先从 Example 目录中运行 pod install

需求

要使用 JKSteppedProgressBar 需要 Xcode 8.0 或更高版本

安装

JKSteppedProgressBar 可以通过 CocoaPods 获取。要安装它，只需将以下行添加到您的 Podfile 中

pod 'JKSteppedProgressBar'

可以直接从 storyboard 中添加和配置 JKSteppedProgressBar

如何添加步骤式进度条

• 添加一个空的 UIView 并设置约束
• 从身份检查器设置类别和模块
• 从属性检查器设置活动状态和非活动状态的颜色

设置自定义标题

• 使用 IBOutlet 实例设置属性
• 将你的标题数组设置为 titles 属性

  progressbar.titles = ["Step 1", "Step 2", "Step 3"]

设置自定义标题和图片

• 使用 IBOutlet 实例设置属性
• 将你的标题数组设置为 titles 属性
• 将你的图片数组设置为 images 属性

  progressbar.titles = ["Step 1", "Step 2", "Step 3"]
  progressbar.images = [
    UIImage(named: "DaisyDuck")!,
    UIImage(named: "MickeyMouse")!,
    UIImage(named: "MinnieMouse")!,
  ]

设置进度自定义颜色

• 设置完你的标题或图片后，设置属性 activeStepColors

progressbar.activeStepColors = [
  UIColor.red,
  UIColor.orange,
  UIColor.green,
]

• 这将改变颜色的步骤。例如，当你在第一步时，它将是红色。在第二步，整个进度条将变为橙色，当你在最后一步时，它将是绿色。这样用户将通过步骤获得成就感。

设置自定义活动图片

• 这将使其能够用作表单的进度条
• 将你的图片设置到 activeImages 属性
• 将你的 tintActiveImage 设置为将图片着色到活动颜色（默认：false）
• 将你的 justCheckCompleted 设置为选择当前步骤之后的所有内容，但保持当前步骤突出显示（默认：true）

  progressbar.activeImages = [
      UIImage(named: "check")!,
      UIImage(named: "check")!,
      UIImage(named: "check")!,
  ]
  progressbar.tintActiveImage = true
  progressbar.justCheckCompleted = false

演示

待办事项

• 添加步骤图片
• 尊重绘图方向的文字方向

作者

• Johnykutty, [email protected]
• Jayahari V, [email protected]
• 及其他人

许可

JKSteppedProgressBar 在MIT许可下可用。有关更多信息，请参阅LICENSE文件。