如何使用UibezierPath绘制Uiview或Uibutton

Question

我想绘制图像中显示的Uiview或Uibutton。

如何绘制Swift？ 我在这方面做了很多r $ d，我得到的是uibezierpath。 因此，如何使用UibezierPath绘制。我无法准确地绘制这一点。 请帮助我像这样画画。

我想为此创建一个单独的类，以便可以继承任何地方。

先感谢您。

我尝试了这样的事情。

extension UIButton {
    func roundCorners(corners: UIRectCorner, radius: Int = 8) {
        let maskPath1 = UIBezierPath(roundedRect: bounds,
                                     byRoundingCorners: corners,
                                     cornerRadii: CGSize(width: radius, height: radius))
        
        let maskLayer1 = CAShapeLayer()
        maskLayer1.frame = bounds
        maskLayer1.path = maskPath1.cgPath
        layer.mask = maskLayer1
    }
}

结果是

但我想要一个锐利的切割。

Answer 1

要绘制该形状，您需要使用maskPath1.move（to：pt），然后使用一系列maskPath1.addline（TO：pt）。

您需要六分：

，

因此您可以这样编码：

extension UIButton {
    func angledCorners() {
        let maskLayer1 = CAShapeLayer()
        maskLayer1.frame = bounds
        
        let pt1: CGPoint = CGPoint(x: bounds.minX, y: bounds.maxY)
        let pt2: CGPoint = CGPoint(x: bounds.minX, y: bounds.midY)
        let pt3: CGPoint = CGPoint(x: bounds.minX + bounds.midY, y: bounds.minY)
        let pt4: CGPoint = CGPoint(x: bounds.maxX, y: bounds.minY)
        let pt5: CGPoint = CGPoint(x: bounds.maxX, y: bounds.midY)
        let pt6: CGPoint = CGPoint(x: bounds.maxX - bounds.midY, y: bounds.maxY)

        let maskPath1: UIBezierPath = UIBezierPath()
        
        maskPath1.move(to: pt1)
        maskPath1.addLine(to: pt2)
        maskPath1.addLine(to: pt3)
        maskPath1.addLine(to: pt4)
        maskPath1.addLine(to: pt5)
        maskPath1.addLine(to: pt6)
        maskPath1.close()

        maskLayer1.path = maskPath1.cgPath
        layer.mask = maskLayer1
    }
}

尽管如此，该方法的几个问题...当按钮框架更改时，掩码不会“自动加强”。因此，您必须等待调用button.angledCorners（），直到自动layout完成设置按钮的框架为止，您必须在框架更改时再次调用它。

如果您的明确框架大小，那不是问题。

但是，如果您的按钮会根据其他视图更改，或者可能在旋转设备时更改尺寸，那是一个麻烦……并且您可能希望使其成为自定义子类的功能。