🎚 垂直滑块
如果你喜欢SideMenu,请在其GitHub页面的右上角给它点个★。
你好,我是Jon Kent,我是一个iOS设计师、开发者和移动策略师。我喜欢咖啡和打鼓。
概述
垂直滑块是一个嵌入在UIView中的垂直方向的UISlider控件。作为一个@IBDesignable
类,它可以在Interface Builder中以垂直方式渲染,并且滑块的视觉属性已经在属性检查器中公开,以便于使用。底层UISlider控件可以通过VerticalSlider的slider
属性访问。
查看示例项目以查看其作用!
需求
- Xcode 10.
- Swift 4.2.
- iOS 10 或者更高版本。
安装
CocoaPods
CocoaPods 是 Cocoa 项目的依赖管理工具。您可以使用以下命令安装它:
$ gem install cocoapods
要使用 CocoaPods 将 VerticalSlider 集成到您的 Xcode 项目中,请在您的 Podfile
中指定它:
source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '10.0'
use_frameworks!
pod 'VerticalSlider'
然后,运行以下命令:
$ pod install
使用
Storyboard 实现
-
创建一个用于 VerticalSlider 的 View。在 身份检查器 中将 View 的自定义类设置为
VerticalSlider
。Interface Builder 应更新视图以显示 VerticalSlider。
代码实现
首先
import VerticalSlider
接下来,在您的 View Controller 的顶部声明您的 VerticalSlider 并在 Interface Builder 中将其链接起来
@IBOutlet var verticalSlider: VerticalSlider!
您可以将任何 @IBAction
链接到 Interface Builder 事件,或者您可以以与标准 UISlider
控件相同的方式进行编程,以响应事件。
编程示例 - 在您的视图控制器的 viewDidLoad
事件中
verticalSlider.addTarget(self, action: #selector(sliderChanged), for: .valueChanged)
然后添加当滑动条值变化时要调用的方法
func sliderChanged() {
// your code here
print(verticalSlider.value)
}
就是这样。
代码
这是一个包含在单个文件中的简单库。如果您喜欢手动添加而不是依赖,以下是 代码。
许可证
VerticalSlider 在 MIT 许可证下提供。有关更多信息,请参阅 LICENSE 文件。