iOS-Completa la animación de un UIBezierPath desde abajo

animation uiview

Question

Tengo un UIBezierPath dentro de UIView , draw() . Quiero llenar ese camino, digamos un rectángulo de abajo hacia arriba. ¿Cómo puedo implementar esto?

Desde aquí , he visto que CAShapeLayer posible usar CAShapeLayer . Eso está funcionando bien con la animación, pero el relleno no ocurre de abajo hacia arriba en el rectángulo. Por favor guía.

Answer 1

¿Es esto lo que estás pidiendo?

func zoom() {
let startPath = UIBezierPath(rect: CGRect(x: 0, y: self.frame.size.height-30, width: self.frame.size.width, height: 30))
let endPath = UIBezierPath(rect: CGRect(x: 0, y: 0, width: self.frame.size.width, height: self.frame.size.height))
let rectangleLayer = CAShapeLayer()
rectangleLayer.path = startPath.cgPath
rectangleLayer.fillColor = UIColor.cyan.cgColor
self.layer.addSublayer(rectangleLayer)
let zoomAnimation = CABasicAnimation()
zoomAnimation.keyPath = "path"
zoomAnimation.duration = 2.0
zoomAnimation.toValue = endPath.cgPath
zoomAnimation.fillMode = kCAFillModeForwards
zoomAnimation.isRemovedOnCompletion = false
rectangleLayer.add(zoomAnimation, forKey: "zoom")
}