ios – 如何在Swift中实现范围滑块

我正在尝试实现Range Slider,我使用了名为 NMRangeSlider的自定义控件.

但是当我使用它时,滑块根本不会出现.难道也是因为它都是用Objective-C编写的吗？

这就是我目前的实现方式：

var rangeSlider = NMRangeSlider(frame: CGRectMake(16,6,275,34))
rangeSlider.lowerValue = 0.54
rangeSlider.upperValue = 0.94
self.view.addSubview(rangeSlider)

解决方法

更新：

它没有向我展示,因为它全是白色的.所以解决方案,不使用任何其他框架并坚持使用这个 – 您需要为所有组件设置所有视图,然后它将显示良好：

我曾尝试在Swift中导入它,因为我之前在Objective-C代码中使用它,但没有任何运气.如果我正确设置了所有内容并将其添加到viewDidLoad()或viewDidAppear()中,则不会显示任何内容.但有一点值得一提 – 当我进入View Debug Hierarchy时,滑块实际上就在画布上：

但是在将其添加到视图之前,它根本没有使用我设置的所有颜色进行渲染.为了记录 – 这是我使用的代码：

override func viewDidAppear(animated: Bool) {
    var rangeSlider = NMRangeSlider(frame: CGRectMake(50,50,34))
    rangeSlider.lowerValue = 0.54
    rangeSlider.upperValue = 0.94
 
    let range = 10.0
    let oneStep = 1.0 / range
    let minRange: Float = 0.05
    rangeSlider.minimumRange = minRange
 
    let bgImage = UIView(frame: rangeSlider.frame)
    bgImage.backgroundColor = .greenColor()
    rangeSlider.trackImage = bgImage.pb_takeSnapshot()
 
    let trackView = UIView(frame: CGRectMake(0,rangeSlider.frame.size.width,29))
    trackView.backgroundColor = .whiteColor()
    trackView.opaque = false
    trackView.alpha = 0.3
    rangeSlider.trackImage = UIImage(named: "")
 
    let lowerThumb = UIView(frame: CGRectMake(0,8,29))
    lowerThumb.backgroundColor = .whiteColor()
    let lowerThumbHigh = UIView(frame: CGRectMake(0,29))
    lowerThumbHigh.backgroundColor = UIColor.blueColor()
 
    rangeSlider.lowerHandleImageNormal = lowerThumb.pb_takeSnapshot()
    rangeSlider.lowerHandleImageHighlighted = lowerThumbHigh.pb_takeSnapshot()
    rangeSlider.upperHandleImageNormal = lowerThumb.pb_takeSnapshot()
    rangeSlider.upperHandleImageHighlighted = lowerThumbHigh.pb_takeSnapshot()
 
    self.view.addSubview(rangeSlider)
 
    self.view.backgroundColor = .lightGrayColor()
}

使用this question中提到的捕获UIVmage作为UIImage的方法：

extension UIView {
    func pb_takeSnapshot() -> UIImage {
        UIGraphicsBeginImageContextWithOptions(bounds.size,false,UIScreen.mainScreen().scale)
        drawViewHierarchyInRect(self.bounds,afterScreenUpdates: true)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return image
    }
}

其他方案：

您也可以尝试使用sgwilly/RangeSlider,它是用Swift编写的,因此您甚至不需要桥接标题.

ios – 如何在Swift中实现范围滑块

解决方法

猜你在找的iOS相关文章