Swift：UIBezierPath bezierPathByReversingPath() 问题

Question

我正在使用 bezierPathByReversingPath() 尝试制作一个动画圆圈。我终于找到了一种可行的方法，但我得到的横条不是 "deleted"。

代码：

@IBDesignable class circle: UIView {

    override func drawRect(rect: CGRect) {
        let center = CGPoint(x:bounds.width/2, y: bounds.height/2)

        let circlePath : UIBezierPath = UIBezierPath(arcCenter: center, radius:
            CGFloat(250), startAngle: CGFloat(0), endAngle: CGFloat(360), clockwise: true)
        let circlePath2 : UIBezierPath = UIBezierPath(arcCenter: center, radius:
            CGFloat(200), startAngle: CGFloat(0), endAngle: CGFloat(360), clockwise: true)

        circlePath.appendPath(circlePath2.bezierPathByReversingPath())
        circlePath.fill() //appendPath(circlePath.bezierPathByReversingPath())    
    }
}

图片

P.S。如果你想要一个我正在做的例子，它是 iOS 游戏 "Dulp".

中的一个 win/lose 动画

Answer 1

这是因为 UIBezierPath(arcCenter: center, radius: CGFloat(250), startAngle: CGFloat(0), endAngle: CGFloat(360), clockwise: true) 采用弧度，而不是您在此处指定的度数。

因此，需要以弧度为单位提供参数。

我创建了一个将度数转换为弧度的简单函数；结果很好。

函数如下：

func degreesToRadians(degree : Int) -> CGFloat
{
    return CGFloat(degree) * CGFloat(M_PI) / 180.0
}

用法：

let circlePath : UIBezierPath = UIBezierPath(arcCenter: center, radius: 250.0, startAngle: self.degreesToRadians(0), endAngle:    
                                             self.degreesToRadians(360), clockwise: true)

let circlePath2 : UIBezierPath = UIBezierPath(arcCenter: center, radius: 200.0, startAngle: self.degreesToRadians(0), endAngle:        
                                              self.degreesToRadians(360), clockwise: true)

或者可以创建协议扩展：

extension Double
{
    var degreesToRad : CGFloat
    {
        return CGFloat(self) * CGFloat(M_PI) / 180.0
    }
}

用法：

let circlePath : UIBezierPath = UIBezierPath(arcCenter: center, radius: 250.0, startAngle: 0.0.degreesToRad , endAngle: 360.0.degreesToRad, clockwise: true)

let circlePath2 : UIBezierPath = UIBezierPath(arcCenter: center, radius: 200.0, startAngle: 0.0.degreesToRad, endAngle: 360.0.degreesToRad, clockwise: true)

Answer 2

首先，角度的单位是弧度，而不是度数。所以你的圈子大约转了 30 次左右，并没有回到开始的地方。这就是给你酒吧的原因。

其次，您可以只画一个圆而不是创建两个并填充它们：

@IBDesignable class Circle: UIView {
  override func drawRect(rect: CGRect) {
    let center = CGPoint(x:bounds.width/2, y: bounds.height/2)

    let circlePath : UIBezierPath = UIBezierPath(arcCenter: center, radius:
      CGFloat(225), startAngle: CGFloat(0), endAngle: CGFloat(2*M_PI), clockwise: true)
    circlePath.lineWidth = 50
    circlePath.stroke()
  }
}

Swift：UIBezierPath bezierPathByReversingPath() 问题

Swift: UIBezierPath bezierPathByReversingPath() Issues

ios

swift

uibezierpath