自定义 UISlider 不会结束

Posted 2023-03-13

【中文标题】自定义 UISlider 不会结束

【英文标题】：Custom UISlider doesn't go to end

【发布时间】：2017-10-27 16:53:07

【问题描述】：

我创建了一个带有刻度线的 UISlider，它会在值更改时捕捉到每个刻度线。问题是滑块不会自然地到达末端，并且左右刻度在圆圈外可见。我已经扩展了 UISlider 类以走到尽头，但是动画与将滑块移动到下一个刻度发生冲突，并且圆圈最终离开了屏幕。如何保持 snap to tick 动画并让滑块中的圆圈一直到最后？这是我的代码

class CustomSlider: UISlider 

    override func thumbRect(forBounds bounds: CGRect, trackRect rect: CGRect, value: Float) -> CGRect
    
        let unadjustedThumbrect = super.thumbRect(forBounds: bounds, trackRect: rect, value: value)
        let thumbOffsetToApplyOnEachSide:CGFloat = unadjustedThumbrect.size.width / 2.0
        let minOffsetToAdd = -thumbOffsetToApplyOnEachSide
        let maxOffsetToAdd = thumbOffsetToApplyOnEachSide
        let offsetForValue = minOffsetToAdd + (maxOffsetToAdd - minOffsetToAdd) * CGFloat(value / (self.maximumValue - self.minimumValue))
        var origin = unadjustedThumbrect.origin
        origin.x += offsetForValue
        return CGRect(origin: origin, size: unadjustedThumbrect.size)
    


@IBOutlet weak var slider: CustomSlider!

let tickArray : [Float] = [Float(18),Float(20),Float(22),Float(24),Float(26),Float(28),Float(30)]

    override func viewDidLoad() 
        super.viewDidLoad()

        self.slider.value = tickArray[0]
        self.slider.minimumValue = tickArray[0]
        self.slider.maximumValue = tickArray[6]
        self.slider.isContinuous = false



        var tick : UIView
        for i in 0..<tickArray.count-1 
            tick = UIView(frame: CGRect(x: (self.slider.frame.size.width/6) * CGFloat(i), y: (slider.frame.size.height - 13) / 2, width: 2, height: 13))
            tick.backgroundColor = "8E8E93".hexColor
            slider.insertSubview(tick, belowSubview: slider)
        

        tick = UIView(frame: CGRect(x: self.slider.frame.size.width-2, y: (slider.frame.size.height - 13) / 2, width: 2, height: 13))
        tick.backgroundColor = "8E8E93".hexColor
        slider.insertSubview(tick, belowSubview: slider)

    

    @IBAction func sliderValueChanged(_ sender: UISlider) 


            if sender.value > tickArray[5] 
                slider.value = tickArray[6]
             else if sender.value > tickArray[4] 
                slider.value = tickArray[5]
             else if sender.value > tickArray[3] 
                slider.value = tickArray[4]
             else if sender.value > tickArray[2] 
                slider.value = tickArray[3]
             else if sender.value > tickArray[1] 
                slider.value = tickArray[2]
             else if sender.value >
                tickArray[0] 
                slider.value = tickArray[1]
             else 
                slider.value = tickArray[0]
            
    

【问题讨论】：

您能否提供一张图片来说明问题的具体情况？

我已在我的帖子中附加了一份。您可以看到圆圈右侧的右勾号。

图片显示滑块没有一直向右移动的初始问题

【参考方案1】：

我通过在滑块移动到边缘时隐藏左右刻度来解决我的问题。这消除了对滑块扩展的需要。