FLUID SLIDER
一个带有弹出气泡显示所选精确值的滑块控件，用 Swift 编写。
我们专注于为移动应用和网站设计和编写自定义 UI。
关注最新更新
为您的项目获取免费模型 →
灵感来自Virgil Pana 的 作品
要求
- iOS 10.0
- Xcode 9
- Swift 4.0
安装
您可以通过以下几种方式安装 fluid-slider
- 将源文件添加到项目中。
- 使用 CocoaPods
pod 'fluid-slider'- 使用 Carthage
github "Ramotion/fluid-slider"
用法
滑动条
import fluid_slider可以将滑动条作为子视图插入视图层次结构中。可以通过多个公开属性配置外观
let slider = Slider()
slider.attributedTextForFraction = { fraction in
let formatter = NumberFormatter()
formatter.maximumIntegerDigits = 3
formatter.maximumFractionDigits = 0
let string = formatter.string(from: (fraction * 500) as NSNumber) ?? ""
return NSAttributedString(string: string)
}
slider.setMinimumLabelAttributedText(NSAttributedString(string: "0"))
slider.setMaximumLabelAttributedText(NSAttributedString(string: "500"))
slider.fraction = 0.5
slider.shadowOffset = CGSize(width: 0, height: 10)
slider.shadowBlur = 5
slider.shadowColor = UIColor(white: 0, alpha: 0.1)
slider.contentViewColor = UIColor(red: 78/255.0, green: 77/255.0, blue: 224/255.0, alpha: 1)
slider.valueViewColor = .white
view.addSubview(slider)查看 示例 项目的集成示例。
因为 Slider 是 UIControl 的子类，它继承了目标-动作机制，可以监听用户触发值变化。
slider.addTarget(self, action: #selector(sliderValueChanged), for: .valueChanged)跟踪行为
有几个回调可以让你监听滑块的跟踪事件
var didBeginTracking: ((Slider) -> ())?
var didEndTracking: ((Slider) -> ())?动画性能
这个控件设计时考虑到要谨慎使用设备CPU资源。当开启省电模式或系统负载过重时，流畅式动画将被禁用。
此库是我们众多最佳UI开源项目之一。查看我们的最佳UI开源项目。
🗂 在其他语言中查看此库
📄 许可证
Fluid Slider采用MIT许可证发布。请参阅LICENSE了解详细信息。
此库是我们众多最佳UI开源项目之一。查看我们的最佳UI开源项目。
如果你在你的项目中使用此开源库，请确保将引用并反向链接到www.ramotion.com
📱 尝试Showroom App for iOS以试用此功能
在我们的iOS应用中尝试此UI组件和其他类似组件。如果您感兴趣，请联系我们。
