ios - iOS-如何使用单独的UIView控制UISlider的thumbRect

我有一个按下的按钮，并且自定义警报出现在其中，其中包含普通的UISlider。我还有一些其他视图和标签，它们显示滑块上方和下方的距离等。发生的是，触摸滑块的thumbRect不能很好地滑动。尝试滑动时必须非常准确，而且似乎有问题。我想做的是在它前面（和它上面的其他视图和标签）添加一个清晰的UIView，并使用UIGestureRecognizer让清晰的UIView来控制滑块。

这是到目前为止的设置。我想使用clearView来控制滑块。现在它位于所有内容的后面，我将clearView涂成红色，以便在示例中可见

bgView.addSubview(slider) // slider added to bgView
let trackRect = slider.trackRect(forBounds: slider.frame)
let thumbRect = slider.thumbRect(forBounds: slider.bounds, trackRect: trackRect, value: slider.value)
milesLabel.center = CGPoint(x: thumbRect.midX, y: slider.frame.origin.y - 55)
bg.addSubview(milesLabel) // milesLabel added to bgView

// ** all the other views you see are added to the bgView and aligned with the thumbRect's center **

let milesLabelRect = bgView.convert(milesLabel.frame, to: self.view)
let sliderRect = bgView.convert(slider.frame, to: self.view)

let topOfMilesLabel = milesLabelRect.origin.y
let bottomOfSlider = sliderRect.maxY
let distance = bottomOfSlider - topOfMilesLabel

clearView.frame = CGRect(x: milesLabel.frame.minX, y: milesLabel.frame.minY, width: milesLabel.frame.width, height: distance)
bgView.addSubview(clearView) // clearView added to bgView
bgView.insertSubview(clearView, at: 0)

当我滑动滑块时，包括clearView在内的所有事物都可以成功滑动，但是thumbRect当然仍然可以控制一切。

@objc func onSliderValChanged(sender: UISlider, event: UIEvent) {

    slider.value = round(sender.value)
    UIView.animate(withDuration: 0.25, animations: {
        self.slider.layoutIfNeeded()

        let trackRect = sender.trackRect(forBounds: sender.frame)
        let thumbRect = sender.thumbRect(forBounds: sender.bounds, trackRect: trackRect, value: sender.value)
        self.milesLabel.center = CGPoint(x: thumbRect.midX, y: sender.frame.origin.y - 55)

        // ** all the other views are aligned with the thumbRect's center as it slides **

        self.clearView.frame.origin = self.milesLabel.frame.origin
    })
}

这个想法是将clearView移到所有内容的最前面，并使用它来控制thumbRect（不要忘记该示例仅是红色的）。

bgView.bringSubviewToFront(clearView)
// clearView.backgroundColor = UIColor.clear

我尝试使用UIPanGesture和UILongPressGestureRecognizer来让clearView控制滑块，但是当我滑动滑块时，只有thumbRect滑动，clearView保持静止。查看clearView（红色）在哪里，并在thumbRect滑动到10英里点后查看。

// separately tried a UILongPressGestureRecognizer too
let panGesture = UIPanGestureRecognizer(target: self, action: #selector(draggedView(_:)))
clearView.isUserInteractionEnabled = true
clearView.addGestureRecognizer(panGesture)

@objc func draggedView(_ sender: UIPanGestureRecognizer) {

    if slider.isHighlighted { return }

    let point = sender.location(in: slider)
    let percentage = Float(point.x / slider.frame.width)
    let delta = percentage * (slider.maximumValue - slider.minimumValue)
    let value = slider.minimumValue + delta
    slider.setValue(value, animated: true)
}

如果我玩够了，clearView有时会用thumbRect滑动，但是它们肯定没有对齐，并且非常容易出错。我也失去了所有与thumbRect对齐的其他视图的控制。

如何将控件从滑块的thumbRect传递给clearView？

最佳答案

您可能会决定要这样做，这没关系。但是我为您提供了一种可能适合您需要的快速替代方法。

如果将播放滑块子类化并覆盖point()方法，则可以增加滑块拇指的表面积。

class CustomPlaybackSlider: UISlider {

    // Will increase target surface area for thumb.
    override public func point(inside point: CGPoint, with event: UIEvent?) -> Bool {
        var bounds: CGRect = self.bounds
        // Set the inset to a negative value by how much you want the surface area to increase by.
        bounds = bounds.insetBy(dx: -10, dy: -15)
        return bounds.contains(point)
    }

}

可能会为您简化事情。虽然，这种方法的唯一缺点是触摸的表面积对于dx值将同样向下/向上扩展，对于dy值将同样向左/右侧扩展。

希望这可以帮助。