ios - 在 func draw() 下的 UIBezier 路径的动画 CGAffineTransform(rotate)

Question

我想使用 CGAffineTransform(rotationAngle:) 在 UIView 的绘制下制作路径动画。我找不到任何方法...

这是我的代码:

     public override func draw(_ rect: CGRect) {


             //Drawing a dot at the center

             let dotRadius = max(bounds.width/15, bounds.height/15)
             let dotWidth:CGFloat = 10
             let dotCenter = CGPoint(x:bounds.width/2, y: bounds.height/2)
             let dotStartAngle: CGFloat = 0
             let dotEndAngle: CGFloat = CGFloat(2 * M_PI) // π

             var path = UIBezierPath(arcCenter: dotCenter,
                                 radius: dotRadius/2,
                                 startAngle: dotStartAngle,
                                 endAngle: dotEndAngle,
                                 clockwise: true)

             path.lineWidth = dotWidth
             counterColor.setStroke()
             counterColor.setFill()
             path.stroke()
             path.fill()


             arrowLayer.frame = CGRect(x:bounds.width/2, y: bounds.height/2, width: bounds.width, height: bounds.height)


             arrow.path = UIBezierPath(rect: CGRect(x: 0, y:0 - 1, width: -250, height: 1)).cgPath
             arrow.backgroundColor = UIColor.red.cgColor
             arrow.fillColor = UIColor.clear.cgColor
             arrow.strokeColor = counterColor.cgColor
             arrow.anchorPoint = CGPoint(x:0.5, y:0.5)
             arrow.lineWidth = 3
             arrow.setAffineTransform(CGAffineTransform(rotationAngle:self.radians(arrowDegree)))
             arrowLayer.addSublayer(arrow)

             self.layer.addSublayer(arrowLayer)
         }         

这就是我想要做的:

    func rotateButton() {

            UIView.animate(withDuration: 1, animations: {

                self.arrow.setAffineTransform(CGAffineTransform(rotationAngle:self.radians(self.arrowDegree + 10)))

                self.setNeedsDisplay()


            })

        }        

我不知道我是否具体..如果需要更多信息请告诉我。

Answer 1

我建议您将动画与绘图分开。重写 draw() 通常适用于自定义绘图 但不适用于任何类型的动画。

根据分配给 arrow 的属性，它看起来像是一个 CAShapeLayer。这很好，因为这意味着两者之间已经存在一些分离。

但是，在draw() 中添加 subview 或子层并不是一个好主意。它应该只用于绘图。否则，每次重绘 View 时，这些东西都会重新添加。在这种情况下，它不太明显，因为一遍又一遍地添加了同一层。但仍应避免。

您仍然可以使用 draw() 来渲染居中的点。但预计它不会成为动画的一部分。

至于旋转动画；除非我严重记错了底层机制，否则独立层(那些不支持 View 的层(很可能是您创建的))不关心 UIView 动画上下文。相反，您可以使用核心动画级别 API 来为它们设置动画。这可以通过更改 CATransaction 中的属性来完成，也可以通过创建从一个角度到另一个角度的 CABasicAnimation 并将其添加到图层来完成。

请注意，添加动画不会改变“模型”值(层的属性)，一旦动画完成，层将呈现为它在添加动画之前就完成了。如果图层需要为一个值设置动画并保持在那里，您将同时添加动画并更新图层属性。