如何使該動畫逆時針旋轉？

Question

我已經完成了部分動畫。 我想做的是創建像這樣的線邊框動畫，其中線穿過矩形的頂部和右側。 除此以外，我還需要創建另一條線，以逆時針方向鏡像視頻中顯示的線（橫穿左側，然后穿過矩形的底部）。 我嘗試使用-bezierPathByReversingPath（_ :)函數執行此操作，但是它使行的原點從矩形的左下角開始。 我不確定該怎么辦，我們將不勝感激！ 這是我的代碼：

// Create layer
rightLine = CAShapeLayer()
rightLine.bounds = centerButton.bounds
rightLine.position = view.center
rightLine.path = UIBezierPath(rect: rightLine.bounds).CGPath
rightLine.lineWidth = 3
rightLine.strokeColor = UIColor(hex: "3D424E").CGColor
rightLine.fillColor = UIColor.clearColor().CGColor
rightLine.strokeStart = 0
rightLine.strokeEnd = 0

// Create animation
let rightStart = CABasicAnimation(keyPath: "strokeStart")
rightStart.toValue = 0
let rightEnd = CABasicAnimation(keyPath: "strokeEnd")
rightEnd.toValue = 0.5

rightLineGroup = CAAnimationGroup()
rightLineGroup.animations = [rightStart, rightEnd]
rightLineGroup.duration = 1.5
rightLineGroup.autoreverses = true
rightLineGroup.repeatCount = HUGE // repeat forever

self.view.layer.addSublayer(rightLine)
rightLine.addAnimation(rightLineGroup, forKey: nil)

Answer 1

動畫strokeStart從零開始到零不執行任何操作。

您可能希望將strokeEnd為1.0 （默認值），並從1.0到0.5設置strokeStart動畫。 那應該有理想的效果。