圆角矩形 - SKShapeNode

Question

我有一个SKShapeNode节点，如果满足特定条件，则需要将它的每个角都变成圆角。从下面链接提供的答案中可以看出，这似乎很容易，只需使用 |= 就可以将需要变圆角的角(4个 if 语句)加起来。但是，这并不起作用！当我使用下面的代码时，我得到了错误消息“二进制运算符 '|=' 不能应用于两个 'UIRectCorner' 操作数”。 如何编写通用的UIRectCorner函数？

var corners: UIRectCorner = UIRectCorner(rawValue: 0) | UIRectCorner(rawValue: 1)

或者

var corners: UIRectCorner = UIRectCorner(rawValue: 0)
corners |= UIRectCorner(rawValue: 1)

我一定做错了什么，但是我想不出来是什么？非常感谢您的帮助。

- Jarron

Answer 1

我写了一个非常方便的扩展程序，它在我所有的SpriteKit游戏中都被广泛使用。 它会复制现有的SKShapeNode及其所有相关属性，然后删除并创建一个新的节点，并指定哪些角应该是圆角。 注意：如果形状节点有任何子节点，您不应该使用此方法，因为它们将不会保留在新创建的节点中。 因此，请始终在添加任何子节点之前使用此方法。

shapeNode.roundCorners(topLeft:true,topRight: true,bottomLeft:false,bottomRight:false,radius:20,parent:self)


extension SKShapeNode {
    func roundCorners(topLeft:Bool,topRight:Bool,bottomLeft:Bool,bottomRight:Bool,radius: CGFloat,parent: SKNode){
        let newNode = SKShapeNode(rect: self.frame)
        newNode.fillColor = self.fillColor
        newNode.lineWidth = self.lineWidth
        newNode.position = self.position
        newNode.name = self.name
        newNode.fillColor = self.fillColor
        newNode.strokeColor = self.strokeColor
        newNode.fillTexture = self.fillTexture
        self.removeFromParent()
        parent.addChild(newNode)
        var corners = UIRectCorner()
        if topLeft { corners = corners.union(.bottomLeft) }
        if topRight { corners = corners.union(.bottomRight) }
        if bottomLeft { corners = corners.union(.topLeft) }
        if bottomRight { corners = corners.union(.topRight) }
        newNode.path = UIBezierPath(roundedRect: CGRect(x: -(newNode.frame.width / 2),y:-(newNode.frame.height / 2),width: newNode.frame.width, height: newNode.frame.height),byRoundingCorners: corners, cornerRadii: CGSize(width:radius,height:radius)).cgPath
    }
}

- TheValyreanGroup

---

抱歉回复晚了。这看起来很棒！但是我遇到了一个错误，在“if topLeft”行处出现了“在容器文字中期望表达式”的错误。你知道为什么会出现这个错误吗？ - Jarron

抱歉，前一行有一个打字错误。它应该以 UIRectCorner() 结尾，而不是 UIRectCorner([。我已经修复了它。 - TheValyreanGroup

如果您觉得这篇回答对您有帮助或解决了您的问题，请考虑给我点赞或将其标记为答案。很高兴能够帮到您。 - TheValyreanGroup

Answer 2

我的问题已经解决了。|=和+=没有起作用，但是=[previousValue, newValue]似乎有效。以下是我的代码。如果有更好的方法，请告诉我。

func roundCorners() {

    let TR = true
    let TL = true
    let BR = false
    let BL = true

    var corners: UIRectCorner = []

    if TR == true {
        corners = [corners, .topRight]
    }

    if TL == true {
        corners = [corners, .topLeft]
    }

    if BR == true {
        corners = [corners, .bottomRight]
    }

    if BL == true {
        corners = [corners, .bottomLeft]
    }

    let rect = CGRect(x: -50, y: -50, width: 100, height: 100)
    let cornerSize = CGSize(width: 10, height: 10)

    let shape = SKShapeNode()
    shape.fillColor = UIColor.black
    shape.path = UIBezierPath(roundedRect: rect, byRoundingCorners: corners, cornerRadii: cornerSize).cgPath
    addChild(shape)

}

- Jarron

Answer 3

Swift 5.2.x：

extension SKShapeNode {
    convenience init(corners:UIRectCorner, size:CGSize, radius:CGFloat) {
        // flips corners vertically for UIBezierPath and SKSpriteKit
        var flipCorners = UIRectCorner()
        flipCorners = corners.contains(.topLeft) ? flipCorners.union(.bottomLeft): flipCorners
        flipCorners = corners.contains(.topRight) ? flipCorners.union(.bottomRight): flipCorners
        flipCorners = corners.contains(.bottomLeft) ? flipCorners.union(.topLeft): flipCorners
        flipCorners = corners.contains(.bottomRight) ? flipCorners.union(.topRight): flipCorners
        self.init(path: UIBezierPath.init(roundedRect: CGRect(origin:CGPoint.zero,size:size), byRoundingCorners: flipCorners, cornerRadii: CGSize(width: radius, height: radius)).cgPath)
    }
}

---

使用方法：

let roundedShape = SKShapeNode(corners: UIRectCorner([.topLeft,.topRight]), size: CGSize(width:200,height:100), radius: 16)

- Alessandro Ornano