自定义形状 UIButton

Question

我的时钟视图如下所示：

我想在每小时（12-1、1-2、2-3、3-4、4-5、5-6、6-7、7-8、8-9）之间添加一个UIButton , 9-10, 10-11, 11-12) 看起来像这样：

具有 1 个按钮的时钟示例：

知道怎么做吗？

谢谢！

Answer 1

您不需要按钮。您可以将时钟创建为单个 UIView 并向其添加触摸手势识别器。使用三角函数将触摸点转换为时钟部分

class ClockView: UIView {
    override func awakeFromNib() {
        super.awakeFromNib()
        addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(tapClock)))
    }

@objc private func tapClock (tapGestureRecognizer: UITapGestureRecognizer) {
    let touchPoint = tapGestureRecognizer.location(in: self)

    let delta = CGPoint(x: center.x - touchPoint.x, y: center.y - touchPoint.y)
    let distance = hypotf(Float(delta.x), Float(delta.y))
    //Ignore points outside circle
    guard distance < Float(min (frame.width / 2, frame.height / 2)) else {
        return
    }
    let angle = atan2f(Float(delta.y), Float(delta.x))
    let proportion = angle / (Float.pi * 2) + 0.5
    let hour = (Int(proportion * 12) + 3) % 12 + 1
    print (hour)
}

}

您可以按照本教程绘制时钟：http://sketchytech.blogspot.com/2014/11/swift-how-to-draw-clock-face-using.html