OGeek|极客世界-中国程序员成长平台

标题: ios - 如何防止 UISlider 在捕捉/步进时跳到位 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-11 20:43
标题: ios - 如何防止 UISlider 在捕捉/步进时跳到位

我有一个可以卡入 5 个不同位置的 UISlider。

slider.minimumValue = 1
slider.maximumValue = 5

卡扣工作正常，但它很突然并且不能顺利卡入到位。它有点“跳”到位

我尝试为滚动设置动画(没用):

@objc func onSliderValChanged(_ sender: UISlider) {
    UIView.animate(withDuration: 0.5) {
        self.slider.value = round(sender.value)
        self.slider.setValue(round(sender.value), animated: true)
    }
}

我还尝试添加一个 panGesture(没有用):

panGesture = UIPanGestureRecognizer(target: self, action: #selector(panGestureHandler(_))
slider.addGestureRecognizer(panGesture)

@objc func panGestureHandler(_ recognizer: UIPanGestureRecognizer){

    let currentPoint = recognizer.location(in: slider)
    let percentage = currentPoint.x/slider.bounds.size.width

    let delta = Float(percentage) * (slider.maximumValue - slider.minimumValue)
    let value = slider.minimumValue + delta
    slider.setValue(round(value), animated: true)
}

我怎样才能使 slider 平滑滚动但仍卡入到位？

这是没有进行上述尝试的原始代码:

let slider: UISlider = {
    let slider = UISlider()
    slider.translatesAutoresizingMaskIntoConstraints = false
    slider.minimumValue = 1
    slider.maximumValue = 5
    slider.value = 3
    slider.isContinuous = true
    slider.addTarget(self, action: #selector(onSliderValChanged(_), for: .valueChanged)
    return slider
}()

@objc func onSliderValChanged(_ sender: UISlider) {

    slider.value = round(sender.value)
}

func setAnchors() {
    slider.centerYAnchor.constraint(equalTo: view.centerYAnchor, constant: 0).isActive = true
    slider.leftAnchor.constraint(equalTo: view.leftAnchor, constant: 10).isActive = true
    slider.rightAnchor.constraint(equalTo: view.rightAnchor, constant: -10).isActive = true
}

---

Best Answer-推荐答案

一个 UISlider 使用多个 UIImageView subview 绘制自己。当您更改 slider 的 value 时， slider 会向自己发送 setNeedsLayout，但在收到 layoutSubviews 之前，它实际上不会更改其 subview 的框架在运行循环的布局阶段。

要为值的变化设置动画，您需要使 slider 在动画 block 中布置其 subview 。因此:

@IBAction func sliderValueChanged(_ slider: UISlider) {
    slider.value = round(slider.value)
    UIView.animate(withDuration: 0.2, animations: {
        slider.layoutIfNeeded()
    })
}

关于ios - 如何防止 UISlider 在捕捉/步进时跳到位，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52973411/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/)

Powered by Discuz! X3.4