已编辑

有关最新项目，请参阅 Nathan 的评论部分。只剩下一个问题:获得正确的按钮。

已编辑

我想要一个用户可以旋转的 UIView。该 UIView 应包含一些可以单击的 UIButton。我遇到了困难，因为我正在使用 UIControl 子类来制作旋转 View ，并且在该子类中我必须禁用用户在 UIControl 中的 subview 上的交互(使其旋转)，这可能导致 UIButtons 不可点击。如何制作一个用户可以旋转的 UIView 并且包含可点击的 UIButtons？ This是指向我的项目的链接，可让您抢先一步:它包含 UIButtons 和可旋转的 UIView。但是我无法点击 UIButtons。

有更多细节的旧问题

我正在使用这个 pod:https://github.com/joshdhenry/SpinWheelControl我想对按钮点击使用react。我可以添加按钮，但是我无法在按钮中接收点击事件。我正在使用 hitTests 但它们从未被执行过。用户应该旋转轮子并能够单击其中一个饼图中的按钮。

在此处获取项目:https://github.com/Jasperav/SpinningWheelWithTappableButtons

查看下面我在 pod 文件中添加的代码:

我在 SpinWheelWedge.swift 中添加了这个变量:

let button = SpinWheelWedgeButton()

我添加了这个类:

class SpinWheelWedgeButton: TornadoButton {
    public func configureWedgeButton(index: UInt, width: CGFloat, position: CGPoint, radiansPerWedge: Radians) {
        self.frame = CGRect(x: 0, y: 0, width: width, height: 30)
        self.layer.anchorPoint = CGPoint(x: 1.1, y: 0.5)
        self.layer.position = position
        self.transform = CGAffineTransform(rotationAngle: radiansPerWedge * CGFloat(index) + CGFloat.pi + (radiansPerWedge / 2))
        self.backgroundColor = .green
        self.addTarget(self, action: #selector(pressed(_:)), for: .touchUpInside)
    }
    @IBAction func pressed(_ sender: TornadoButton){
        print("hi")
    }
}

这是 TornadoButton 类:

class TornadoButton: UIButton{
    override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {

        let pres = self.layer.presentation()!
        let suppt = self.convert(point, to: self.superview!)
        let prespt = self.superview!.layer.convert(suppt, to: pres)
        if (pres.hitTest(suppt)) != nil{
            return self
        }
        return super.hitTest(prespt, with: event)
    }

    override func point(inside point: CGPoint, with event: UIEvent?) -> Bool {
        let pres = self.layer.presentation()!
        let suppt = self.convert(point, to: self.superview!)
        return (pres.hitTest(suppt)) != nil
    }
}

我将其添加到 SpinWheelControl.swift 的循环“for wedgeNumber in”中

wedge.button.configureWedgeButton(index: wedgeNumber, width: radius * 2, position: spinWheelCenter, radiansPerWedge: radiansPerWedge)
wedge.addSubview(wedge.button)

这是我认为可以在 SpinWheelControl.swift 中检索按钮的地方:

override open func beginTracking(_ touch: UITouch, with event: UIEvent?) -> Bool {
    let p = touch.location(in: touch.view)
    let v = touch.view?.hitTest(p, with: nil)
    print(v)
}

只有“v”始终是旋转轮本身，而不是按钮。我也没有看到打印的按钮，并且永远不会执行 hittest。这段代码有什么问题，为什么 hitTest 不执行？我宁愿有一个普通的 UIBUtton，但我认为我需要为此进行 HitTest 。

最佳答案

这是针对您的特定项目的解决方案:

第一步

在drawWheel在 SpinWheelControl.swift 中发挥作用, 在 spinWheelView 上启用用户交互.为此，请删除以下行:

self.spinWheelView.isUserInteractionEnabled = false

第 2 步

再次在drawWheel函数，使按钮成为 spinWheelView 的 subview , 而不是 wedge .在楔形之后添加按钮作为 subview ，因此它会出现在楔形层的顶部。

旧的:

wedge.button.configureWedgeButton(index: wedgeNumber, width: radius * 0.45, position: spinWheelCenter, radiansPerWedge: radiansPerWedge)
wedge.addSubview(wedge.button)
spinWheelView.addSubview(wedge)

新:

wedge.button.configureWedgeButton(index: wedgeNumber, width: radius * 0.45, position: spinWheelCenter, radiansPerWedge: radiansPerWedge)
spinWheelView.addSubview(wedge)
spinWheelView.addSubview(wedge.button)

第 3 步

创建一个新的 UIView将触摸传递到其 subview 的子类。

class PassThroughView: UIView {
    override func point(inside point: CGPoint, with event: UIEvent?) -> Bool {
        for subview in subviews {
            if !subview.isHidden && subview.alpha > 0 && subview.isUserInteractionEnabled && subview.point(inside: convert(point, to: subview), with: event) {
                return true
            }
        }
        return false
    }
}

第四步

在 drawWheel 的最开始函数，声明 spinWheelView类型为 PassThroughView .这将允许按钮接收触摸事件。

spinWheelView = PassThroughView(frame: self.bounds)

通过这些少量更改，您应该会得到以下行为:

(按下任何按钮时，消息将打印到控制台。)

限制

此解决方案允许用户像往常一样旋转滚轮，以及点击任何按钮。但是，这可能不是满足您需求的完美解决方案，因为存在一些限制:

• 如果用户在任何按钮的范围内开始触摸，则无法旋转滚轮。
• 可以在滚轮运动时按下​​按钮。

根据您的需要，您可以考虑构建自己的 Spinner，而不是依赖第三方 pod。这个 pod 的困难在于它使用了 beginTracking(_ touch: UITouch, with event: UIEvent?)和相关功能而不是手势识别器。如果你使用手势识别器，那么使用所有 UIButton 会更容易。功能。

或者，如果您只想识别楔形范围内的触地事件，您可以继续使用 hitTest进一步的想法。

编辑:确定按下了哪个按钮。

如果我们知道 selectedIndex车轮和起点selectedIndex ，我们可以计算出按下了哪个按钮。

目前，开始 selectedIndex为 0，按钮标签顺时针增加。点击所选按钮(tag = 0)，打印 7，这意味着按钮在其起始状态下“旋转”了 7 个位置。如果车轮从不同的位置开始，这个值就会不同。

这是一个快速函数，它使用两条信息来确定被点击的按钮的标签:滚轮的 selectedIndex和 subview.tag来自当前point(inside point: CGPoint, with event: UIEvent?)实现 PassThroughView .

func determineButtonTag(selectedIndex: Int, subviewTag: Int) -> Int {
    return subviewTag + (selectedIndex - 7)
}

再次重申，这绝对是一种 hack，但它确实有效。如果您计划继续向该微调器控件添加功能，我强烈建议您改为创建自己的控件，以便您可以从一开始就设计它以满足您的需求。

关于ios - 在 UIControl/可旋转 View 中获取 UIButton 的点击事件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46574223/