HGCircularSlider
示例
要运行示例项目,请克隆仓库,然后首先从 Example 目录运行 pod install
你可能也喜欢
- HGPlaceholders - 一个用于在任何 UITableView 中显示占位符的漂亮库
- HGRippleRadarView - 一个具有涟漪动画的漂亮雷达视图,可用于显示附近的用户,完全可定制
要求
- iOS 9.0+
- Xcode 10.0
安装
HGCircularSlider 可通过 CocoaPods 获取。要安装它,只需将以下行添加到您的 Podfile
# Swift 3.1 - Xcode 8.3
pod 'HGCircularSlider', '~> 2.0.0'
# Swift 3 - Xcode 8
pod 'HGCircularSlider', '~> 1.0.3'
# Swift 2.2 - Xcode 7.3.1 (Checkout Swift2_Xcode7.3 branche)
pod 'HGCircularSlider', '~> 0.1.2'
HGCircularSlider 也可以通过 Carthage 获取。要安装它,只需将以下行添加到您的 Cartfile
# Swift 3.1 - Xcode 8
github "HamzaGhazouani/HGCircularSlider"
使用方法
- 将视图的类从 UIView 更改为 CircularSlider、RangeCircularSlider 或 MidPointCircularSlider
- 编程方式
let circularSlider = CircularSlider(frame: myFrame)
circularSlider.minimumValue = 0.0
circularSlider.maximumValue = 1.0
circularSlider.endPointValue = 0.2
或者
let circularSlider = RangeCircularSlider(frame: myFrame)
circularSlider.startThumbImage = UIImage(named: "Bedtime")
circularSlider.endThumbImage = UIImage(named: "Wake")
let dayInSeconds = 24 * 60 * 60
circularSlider.maximumValue = CGFloat(dayInSeconds)
circularSlider.startPointValue = 1 * 60 * 60
circularSlider.endPointValue = 8 * 60 * 60
circularSlider.numberOfRounds = 2 // Two rotations for full 24h range
或者
let circularSlider = MidPointCircularSlider(frame: myFrame)
circularSlider.minimumValue = 0.0
circularSlider.maximumValue = 10.0
circularSlider.distance = 1.0
circularSlider.midPointValue = 5.0
如果您想将其用作进度视图
let progressView = CircularSlider(frame: myFrame)
progressView.minimumValue = 0.0
progressView.maximumValue = 1.0
progressView.endPointValue = 0.2 // the progress
progressView.userInteractionEnabled = false
// to remove padding, for more details see issue #25
progressView.thumbLineWidth = 0.0
progressView.thumbRadius = 0.0
文档
完整文档可在 CocoaDocs 上找到。
您也可以使用 jazzy 在本地安装文档。
参考资料
演示项目的 UI 示例受到 Dribbble 的启发。
该项目受到 UICircularSlider 的启发
作者
哈姆扎·加祖阿尼,[email protected]
贡献者
本项目的存在离不开所有贡献者。[贡献力量]。 [
支持者
感谢所有的支持者!
赞助商
通过成为赞助商来支持此项目。您的标志将在这里显示,并带有链接到您的网站。[成为赞助商]
许可
HGCircularSlider 在 MIT 许可下可用。有关更多信息,请参阅 LICENSE 文件。