Question

我想用一个UIView画面下的CGAffineTransform（rotationAngle :)制作一个路径的动画。我找不到任何办法......

这是我的代码：

     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

我建议您将动画与绘图分开。覆盖Uncaught TypeError: Cannot read property 'text' of undefined at Object.success (wikis.html:9) at c (jquery.min.js:3) at Object.fireWith [as resolveWith] (jquery.min.js:3) at k (jquery.min.js:5) at HTMLScriptElement.n.onload.n.onreadystatechange (jquery.min.js:5)通常适用于自定义绘图，但不适合任何类型的动画。

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

然而，在CAShapeLayer内添加子视图或子图层并不是一个好主意。它应仅用于绘图。否则，每次重绘视图时都会重新添加这些内容。在这种情况下，它不太明显，因为反复添加相同的图层。但它应该仍然可以避免。

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

旋转动画;除非我非常记错底层的机制，独立的层（那些不支持视图的层（很可能是你创建它们））不关心UIView动画上下文。相反，您将使用核心动画级API来为它们制作动画。这可以通过更改draw()内的属性，或者从一个角度到另一个角度创建CATransaction并将其添加到图层来完成。

注意添加动画不会更改“模型”值（图层的属性），一旦动画完成图层，就会呈现为它是在添加动画之前完成的。如果期望图层为某个值设置动画并保持在那里，则两者添加动画并更新图层属性。

动画CGAffine转换（旋转）在func draw（）

1 个答案: