描述
是否怀念90年代?我们都知道你在怀念。拨号上网,闪烁的屏幕,五彩斑斓的网站,当然还有那个用来测试你耐心的慢吞吞的进度条。是的,那已经是很久以前的事情了,但我们不想让它被遗忘。让我们来认识一下 RetroProgress,一个用于治愈你90年代怀旧情结的进度条。
- 易于使用且可定制的进度条。
- 同时支持进度值(0...1)和步骤数。
- 支持进度动画。
- 无外部依赖。
- Playgrounds.
- 演示项目.
目录
使用方法
你是否期待将这个东东从死尸中复活?我们也是。让我们使用默认配置,看看我们会得到什么
let progressView = ProgressView(frame: CGRect(x: 0, y: 0, width: 360, height: 30))
progressView.animateProgress(to: 0.8)
你认为它太复古了吗?让我们尝试让它更加现代
let progressView = ProgressView(frame: CGRect(x: 0, y: 0, width: 360, height: 30))
// Configure
progressView.layer.cornerRadius = 10
progressView.layer.borderColor = UIColor.black.cgColor
progressView.trackColor = .white
progressView.separatorColor = .black
progressView.progressColor = UIColor(
red: 218/255,
green: 236/255,
blue: 255/255,
alpha: 1
)
// Set progress
progressView.animateProgress(to: 0.8)
不喜欢那些分隔符吗?让我们尝试没有它们
let progressView = ProgressView(frame: CGRect(x: 0, y: 0, width: 360, height: 30))
// Configure
progressView.numberOfSteps = 0
progressView.progressInset = .zero
progressView.layer.cornerRadius = 15
progressView.layer.borderColor = UIColor.white.cgColor
progressView.trackColor = .black
progressView.progressColor = .white
// Set progress
progressView.animateProgress(to: 0.8)
选项无限。想象一下,现在轮到你了,让进度条再次伟大。
公开属性
numberOfSteps
- 最大步数。设置为 0 可以移除分隔符。step
- 分隔符的数量(0...numberOfSteps)。超出范围的值会被固定。progress
- 0...1,默认为 0。超出范围的值会被固定。progressInset
- 进度条和分隔符的内边距。trackColor
- 未填充部分的进度条颜色。progressColor
- 已填充部分的进度条颜色。separatorColor
- 步骤分隔符的颜色。fullProgressAnimationDuration
- 从 0 到 1 的进度动画持续时间。separatorWidth
- 步骤分隔符的宽度。
公共方法
animateProgress(to:duration:
) - 将进度条动画到指定的值(0...1)。animateSteps(to:duration:
) - 将进度条动画到指定的值(0...numberOfSteps)。
安装
RetroProgress 通过 CocoaPods 提供。要安装,只需将以下行添加到您的 Podfile 中
pod 'RetroProgress'
RetroProgress 还可通过 Carthage 提供。要安装,只需在 Cartfile 中写入
github "vadymmarkov/RetroProgress"
RetroProgress 也可以手动安装。只需下载并将 Sources
文件夹拖放到您的项目中。
作者
Vadym Markov,[email protected]
鸣谢
该库最初是在 Hyper 开发的,这是一个热衷于 优质代码 和愉悦用户体验的数字通讯公司。
贡献
查看CONTRIBUTING文件获取更多信息。
许可协议
RetroProgress采用MIT许可协议。查看LICENSE文件获取更多信息。