CABasicAnimation auf CAShapeLayer nicht für Pfadänderung

Question

arbeiten habe ich einen Fortschritt Methode here:

func progress(incremented : CGFloat){ 
    if incremented <= self.bounds.width{ 
     self.progressLayer.removeFromSuperlayer() 
     let originBezierPathProg = UIBezierPath(roundedRect: CGRect(x:0, y:0, width:0, height:self.bounds.height) , cornerRadius: self.viewCornerRadius) 
     originBezierPathProg.close() 

     let newBezierPathProg = UIBezierPath(roundedRect: CGRect(x:0, y:0, width:incremented, height:self.bounds.height) , cornerRadius: self.viewCornerRadius) 
     bezierPathProg.close() 

     self.progressLayer.path = originBezierPathProg.cgPath 
     self.borderLayer.addSublayer(self.progressLayer) 

     let animation = CABasicAnimation(keyPath: "path") 
     animation.fromValue = originBezierPathProg.cgPath 
     animation.toValue = newBezierPathProg.cgPath 
     animation.duration = 1 
     self.progressLayer.add(animation, forKey: animation.keyPath) 

     self.progressLayer.path = newBezierPathProg.cgPath 
    } 
} 

Ich versuche, Fortschrittsbalken Fortschritt in einer animierten Weise zu machen. Aber wenn ich progress(100) rufe, rendern einfach die Leiste ohne Animation.

Wie kann ich es beheben?

Aktualisierung: Erstellt MCVE nach Robs Vorschlag: https://github.com/utkarsh2012/ProgressBarTest. Ich erwarte, dass die Fortschrittsbalken von width = 0 bis width = x (etwa 60)

sehen ähnlich aus wie dieses Problem CABasicAnimation with CALayer path doesn't animate

Answer 1

Die progress Methode ursprünglich gezeigt in Ihrer Frage zu animieren ist in Ordnung. Das Problem ist, wie du es benutzt hast. Nachdem wir das gesagt haben, gehen wir durch den MCVE.

In your MCVE gab es ein paar Dinge, um die Animation zu verhindern, und zwar:

1. Die progress Verfahren war wie folgt:

   func progress(incremented: CGFloat) { 
       if incremented <= bounds.width { 
        let toPath = UIBezierPath(roundedRect: CGRect(x: 0, y: 0, width: incremented + 100, height: bounds.height), cornerRadius: viewCornerRadius) 
   
        progressLayer.path = toPath.cgPath 
        borderLayer.addSublayer(progressLayer) 
   
        let animation = CABasicAnimation(keyPath: "path") 
        animation.fromValue = self.progressLayer.path 
        animation.toValue = toPath.cgPath 
        animation.duration = 3 
        progressLayer.add(animation, forKey: animation.keyPath) 
       } 
   } 
   

   dass die path setzt der neue Pfad zu sein, und dann animieren von diesem zu dem neuen Pfad (dh animieren zu und von demselben Pfad). Also keine Animation.

   Speichern Sie den alten Pfad, bevor Sie den path in seinen neuen "Endstatus" ändern und die Animation initiieren. Verwenden Sie den gespeicherten Pfad als der Animation.

2. Die value Eigenschaft rief layoutSubviews:

   var value: Int? { 
       didSet { 
        progress(value: value!) 
        self.layoutSubviews() 
       } 
   } 
   

   layoutSubviews() direkt nie nennen.

3. Die View-Controller wurde wie folgt an:

   override func viewDidLoad() { 
       super.viewDidLoad() 
       // Do any additional setup after loading the view, typically from a nib. 
       let view = DetailView(frame: self.view.frame) 
       view.value = 60 
       self.containerView.addSubview(view) 
   } 
   

   Versuchen Sie nicht, Animationen in viewDidLoad zu starten. Das ist zu früh im Lebenszyklus der Ansicht. Verwenden Sie stattdessen viewDidAppear (oder was auch immer). Dies ist in viewDidLoad in der Regel zu früh in der Ansicht Lebenszyklus.

4. Verwandte zu diesem viewDidLoad Code, ändern Sie die value der DetailView (die die Animation ausgelöst), bevor Sie es zu der Ansicht Hierarchie hinzugefügt haben.

---

die Updates hier https://github.com/robertmryan/ProgressBarTest sehen.