OSX的自定义范围滑块
JMS范围滑块是用Swift 2编写的OSX范围滑块,使用Xcode 7构建。
您可以定义其最小&.&.最大值,其下端&.&.上端值,其方向(水平/垂直),单元格的侧面(轨道条的左侧/右侧/顶部/底部),单元格的宽&.&.高,轨道条的色调&.&.高亮颜色,单元格的颜色以及单元格和轨道条是否有圆角。
将文件夹JMSRangeSlider
复制到您的项目中
let rangeSlider: JMSRangeSlider = JMSRangeSlider(frame: CGRectZero)
rangeSlider.direction = JMSRangeSliderDirection.Vertical
rangeSlider.cellsSide = JMSRangeSliderCellsSide.Left
rangeSlider.cellWidth = 20
rangeSlider.cellHeight = 30
rangeSlider.trackThickness = 10
rangeSlider.minValue = 0
rangeSlider.maxValue = 100
rangeSlider.lowerValue = 25
rangeSlider.upperValue = 75
rangeSlider.trackHighlightTintColor = NSColor(red: 0.4, green: 0.698, blue: 1.0, alpha: 1.0)
rangeSlider.frame = CGRect(x: 20.0, y: 20.0, width: self.bounds.width, height: 30.0)
rangeSlider.action = "updateRange:"
rangeSlider.target = self
self.addSubview(rangeSlider)
func updateRange(sender: AnyObject) {
NSLog("Lower value = \(rangeSlider.lowerValue)")
NSLog("Upper value = \(rangeSlider.upperValue)")
}
direction
滑块方向(水平/垂直)
类型 JMSRangeSliderDirection
可选
默认: JMSRangeSliderDirection.Horizontal
cellsSide
单元格侧面(顶部/底部/左侧/右侧)
类型 JMSRangeSliderCellsSide
可选
默认
当direction = JMSRangeSliderDirection.Horizontal
时JMSRangeSliderCellsSide.Top
当 direction = JMSRangeSliderDirection.Vertical
时JMSRangeSliderCellsSide.Left
cellWidth
单元格宽度
类型 CGFloat
可选
默认: 20.0
cellHeight
单元格高度
类型 CGFloat
可选
默认: 20.0
minValue
最小值
类型 Double
可选
默认: 0
maxValue
最大值
类型 Double
可选
默认: 1
lowerValue
初始下值
类型 Double
可选
默认: 0
upperValue
初始上限值
类型 Double
可选
默认: 1
trackTintColor
轨道的着色颜色
类型 NSColor
可选
默认: rgba(0.8, 0.8, 0.8, 1)
trackHighlightTintColor
轨道高亮的着色颜色
类型 NSColor
可选
默认: rgba(0, 0, 0, 1)
cellTintColor
单元格的着色颜色
类型 NSColor
可选
默认: white
cornerRadius
单元格的圆角半径
类型 CGFloat
可选
默认: 1
仓库中有一个演示项目
MIT 许可证