iOS開發之UIBezierPath曲線動畫

標籤：

func animation1(layerParam: CAShapeLayer){        let animation = CABasicAnimation(keyPath: "strokeStart")        animation.fromValue = 0        animation.toValue = 1        animation.duration = 2.0        layerParam.addAnimation(animation, forKey: "")    }

 這段代碼可以用來實現曲線的繪製動畫，fromValue和toValue分別表示動畫起始點和終點，0代表startPoint，1代表endPoint，整條路徑可以看成單位1，0.5之類的中間值也是可以的。別忘了把函數添加

self.animation1(layer)

 

忽略那個滑鼠吧。。。。。。

還可以寫成中間向兩邊的效果

func animation2(layerParam: CAShapeLayer){        layerParam.strokeStart = 0.5        layerParam.strokeEnd = 0.5                let animation1 = CABasicAnimation(keyPath: "strokeStart")        animation1.fromValue = 0.5        animation1.toValue = 0        animation1.duration = 2                let animation2 = CABasicAnimation(keyPath: "strokeEnd")        animation2.fromValue = 0.5        animation2.toValue = 1        animation2.duration = 2                layerParam.addAnimation(animation1, forKey: "")        layerParam.addAnimation(animation2, forKey: "")            }

 

配合lineWidth可以得到下面效果

func animation3(layerParam: CAShapeLayer){        let animation = CABasicAnimation(keyPath: "lineWidth")        animation.fromValue = 1        animation.toValue = 10        animation.duration = 2        layerParam.addAnimation(animation, forKey: "")    }

 

圓形矩形什麼都可以實現。

iOS開發之UIBezierPath曲線動畫