Wie kann ich den "Sprung" in meiner CABasicAnimation beseitigen?

Question

Mit diesem Code:

func rotateTheView(_ aView: UIView, inClockwiseDirection isClockwise: Bool) { 
    let multiplier = (isClockwise ? 1 : -1) 
    let key = (isClockwise ? "Spin" : "Rotate") 
    var rotation: CABasicAnimation? 
    rotation = CABasicAnimation(keyPath: "transform.rotation") 
    rotation!.fromValue = Int(0) 
    let multiplicand = multiplier * 2 
    rotation!.toValue = Int(Double(multiplicand) * .pi) 
    rotation!.duration = 30 // Speed 
    rotation!.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear) 
    rotation!.repeatCount = HUGE //HUGE_VALF Repeat forever. 
    aView.layer.add(rotation!, forKey: key) 
} 

ich die Animation Ich will bekommen. (Entweder dreht sich ein Rad oder eine Zelle dreht sich schnell genug in die entgegengesetzte Richtung, um immer genau die richtige Seite nach oben zu bleiben).

Wenn jedoch die 30 Sekunden (Dauer) abgelaufen sind, gibt es ein Flackern, wenn die Ansicht zu der Darstellung vor der Animation zurückspringt.

Ich verstehe, dass es so funktionieren soll.

Wie kann ich die Drehung auf das "Vorher" -Bild anwenden, so dass nach Ablauf der Zeit keine Zellen mehr springen?

Wenn Sie die Dauer der Animation erhöhen, verlangsamt sich der Spin des Rads, so dass dies keine geeignete Lösung ist.

Wenn #22521690 gilt, verstehe ich nicht, wie - ich habe keine explizite CAT-Transaktion.

Answer 1

Versuchen

rotation!.toValue = Double(multiplicand) * .pi 

statt

rotation!.toValue = Int(Double(multiplicand) * .pi) 

Das Problem mit dem Radiant Präzision ist, die aufgrund Int Umwandlung verloren.

Answer 2

In der nächsten Zeile nach dem Anwenden der Animation auf den Layer legen Sie die Eigenschaft, die Sie animieren, auf den Endwert fest.

Da sich eine Animation "im Flug" befindet, ist die normale Anzeige der Ebene die Präsentationsebene, eine spezielle Animationsschicht.

Sobald die Animation abgeschlossen ist, wird die Präsentationsschicht ausgeblendet/entfernt und die tatsächliche Ebene wird belichtet. Wenn es am Ende der Animation denselben Status wie die Präsentationsebene hat, gibt es keinen Sprung.

Dieser Code könnte wie folgt aussehen:

func rotateTheView(_ aView: UIView, inClockwiseDirection isClockwise: Bool) { 
    let multiplier = (isClockwise ? 1 : -1) 
    let key = (isClockwise ? "Spin" : "Rotate") 
    var rotation: CABasicAnimation? 
    rotation = CABasicAnimation(keyPath: "transform.rotation") 
    rotation!.fromValue = 0.0 
    let multiplicand = multiplier * 2 
    let finalAngle = Double(multiplicand) * .pi 
    rotation!.toValue = finalAngle 
    rotation!.duration = 30 // Speed 
    rotation!.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear) 
    rotation!.repeatCount = HUGE //HUGE_VALF Repeat forever. 
    aView.layer.add(rotation!, forKey: key) 

    //------------------- 
    //Set the final transform on the layer to the final rotation, 
    //but without animation 
    CATransaction.begin() 
    CATransaction.setDisableActions(true) 
    let finalTransform = CATransform3DMakeRotation(CGFloat(finalAngle), 0.0, 0.0, 1.0) 
    aView.layer.transform = finalTransform 
    CATransaction.commit() 
    //------------------- 
}