点击 UISlider 设置值

Question

我创建了一个滑块（作为视频的控制操作，就像底部的 YouTube 一样）并设置了最大值（持续时间）和最小值。然后使用SeekToTime 更改当前时间。现在，用户可以滑动滑块的拇指来改变值

我想要实现的是让用户点击滑块上的任意位置并设置视频的当前时间。

我从this answer 那里得到了一个方法，我尝试将它应用到我的案例中，但无法成功

class ViewController: UIViewController, PlayerDelegate {

var slider: UISlider!

override func viewDidLoad() {
  super.viewDidLoad()

  // Setup the slider
}

func sliderTapped(gestureRecognizer: UIGestureRecognizer) {
  //  print("A")

  let pointTapped: CGPoint = gestureRecognizer.locationInView(self.view)

  let positionOfSlider: CGPoint = slider.frame.origin
  let widthOfSlider: CGFloat = slider.frame.size.width
  let newValue = ((pointTapped.x - positionOfSlider.x) * CGFloat(slider.maximumValue) / widthOfSlider)

  slider.setValue(Float(newValue), animated: true)      
 }
}

我认为这应该可行，但没有运气。然后我尝试通过尝试将“A”打印到日志来进行调试，但显然它没有进入sliderTapped() 函数。

我做错了什么？还是有更好的方法来实现我想要实现的目标？

Answer 1

看起来您需要根据上面的代码示例在 viewDidLoad() 中实际初始化点击手势识别器。那里有评论，但我没有看到在任何地方创建识别器。

斯威夫特 2：

class ViewController: UIViewController {

    var slider: UISlider!

    override func viewDidLoad() {
        super.viewDidLoad()

        // Setup the slider

        // Add a gesture recognizer to the slider
        let tapGestureRecognizer = UITapGestureRecognizer(target: self, action: "sliderTapped:")
        self.slider.addGestureRecognizer(tapGestureRecognizer)
    }

    func sliderTapped(gestureRecognizer: UIGestureRecognizer) {
        //  print("A")

        let pointTapped: CGPoint = gestureRecognizer.locationInView(self.view)

        let positionOfSlider: CGPoint = slider.frame.origin
        let widthOfSlider: CGFloat = slider.frame.size.width
        let newValue = ((pointTapped.x - positionOfSlider.x) * CGFloat(slider.maximumValue) / widthOfSlider)

        slider.setValue(Float(newValue), animated: true)      
    }
}

斯威夫特 3：

class ViewController: UIViewController {

    var slider: UISlider!

    override func viewDidLoad() {
        super.viewDidLoad()

        // Setup the slider

        // Add a gesture recognizer to the slider
        let tapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(sliderTapped(gestureRecognizer:)))
        self.slider.addGestureRecognizer(tapGestureRecognizer)
    }

    func sliderTapped(gestureRecognizer: UIGestureRecognizer) {
        //  print("A")

        let pointTapped: CGPoint = gestureRecognizer.location(in: self.view)

        let positionOfSlider: CGPoint = slider.frame.origin
        let widthOfSlider: CGFloat = slider.frame.size.width
        let newValue = ((pointTapped.x - positionOfSlider.x) * CGFloat(slider.maximumValue) / widthOfSlider)

        slider.setValue(Float(newValue), animated: true)
    }
}

Answer 2

似乎只是继承 UISlider 并始终返回 true 到 beginTracking 会产生所需的效果。

iOS 10 和 Swift 3

class CustomSlider: UISlider {
    override func beginTracking(_ touch: UITouch, with event: UIEvent?) -> Bool {
        return true
    }
}

之后在您的代码中使用 CustomSlider 而不是 UISlider。

Answer 3

pteofil 的答案应该是这里接受的答案。

以下是 Xamarin 的解决方案，供所有感兴趣的人参考：

public override bool BeginTracking(UITouch uitouch, UIEvent uievent)
{
    return true;
}

正如 pteofil 提到的，您需要子类化 UISlider 才能使其工作。

Answer 4

这是我的代码，基于“myuiviews”的答案。
我修复了原始代码的 2 个小“错误”。

1 - 点击 0 太难了，所以我让它更容易
2 - 滑动滑块的拇指一点点也会触发“tapGestureRecognizer”，使其返回到初始位置，所以我添加了一个最小距离过滤器来避免这种情况。

斯威夫特 4

class ViewController: UIViewController {

    var slider: UISlider!

    override func viewDidLoad() {
        super.viewDidLoad()

        // Setup the slider

        // Add a gesture recognizer to the slider
        let tapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(sliderTapped(gestureRecognizer:)))
        self.slider.addGestureRecognizer(tapGestureRecognizer)
    }

    @objc func sliderTapped(gestureRecognizer: UIGestureRecognizer) {
        //  print("A")

        var pointTapped: CGPoint = gestureRecognizer.location(in: self.view)
        pointTapped.x -= 30  //Subtract left constraint (distance of the slider's origin from "self.view" 

        let positionOfSlider: CGPoint = slider.frame.origin
        let widthOfSlider: CGFloat = slider.frame.size.width

        //If tap is too near from the slider thumb, cancel
        let thumbPosition = CGFloat((slider.value / slider.maximumValue)) * widthOfSlider
        let dif = abs(pointTapped.x - thumbPosition)
        let minDistance: CGFloat = 51.0  //You can calibrate this value, but I think this is the maximum distance that tap is recognized
        if dif < minDistance { 
            print("tap too near")
            return
        }

        var newValue: CGFloat
        if pointTapped.x < 10 {
            newValue = 0  //Easier to set slider to 0
        } else {
            newValue = ((pointTapped.x - positionOfSlider.x) * CGFloat(slider.maximumValue) / widthOfSlider)
        }



        slider.setValue(Float(newValue), animated: true)
    }
}

Answer 5

可能最简单的解决方案是，使用“内部修饰”操作，通过界面构建​​器进行连接。

@IBAction func finishedTouch(_ sender: UISlider) {

    finishedMovingSlider(sender)
}

只要您的手指离开手机屏幕，就会调用它。

Answer 6

我喜欢这种方法

extension UISlider {
    public func addTapGesture() {
        let tap = UITapGestureRecognizer(target: self, action: #selector(handleTap(_:)))
        addGestureRecognizer(tap)
    }

    @objc private func handleTap(_ sender: UITapGestureRecognizer) {
        let location = sender.location(in: self)
        let percent = minimumValue + Float(location.x / bounds.width) * maximumValue
        setValue(percent, animated: true)
        sendActions(for: .valueChanged)
    }
}

稍后只需调用

let slider = UISlider()
slider.addTapGesture()

Answer 7

但是，我实现了 pteofil，因为我已经有一个附加到 valueChanged 的操作，所以我在跟踪方面遇到了问题。

我正在查看 Adam 的答案，我注意到他也做了一个非常好的实现，除了我通常不喜欢添加手势识别器。所以我结合了这两个答案（有点），现在我都可以使用滑动来更改值（因此触发valueChanged 以及如果点击滑块：

1. 我继承了UISlider，并覆盖了beginTracking 方法：

    override func beginTracking(_ touch: UITouch, with event: UIEvent?) -> Bool {
        return true //Without this, we don't get any response in the method below 
    }

1. 然后我覆盖了touchEnded 方法（我想你也可以覆盖其他状态，但这似乎是最符合逻辑的方法）

    override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
        guard let touch = touches.first else { return }
        let location = touch.location(in: self)
        let conversion = minimumValue + Float(location.x / bounds.width) * maximumValue
        setValue(conversion, animated: false)
        sendActions(for: .valueChanged) //Add this because without this it won't work.
    }

我在其他地方也有我的标准 IBAction（这与上面没有直接关系，但我添加它是为了提供完整的上下文）：

    @IBAction func didSkipToTime(_ sender: UISlider) {
        print("sender value: \(sender.value)") // Do whatever in this method
    }

希望它会有所帮助并满足您的需求。