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")
}