Wie kann ich eine CABasicAnimation für mehrere Eigenschaften erstellen?

Ich habe diesen code zu animieren CALayer element.

CABasicAnimation *makeBiggerAnim=[CABasicAnimation animationWithKeyPath:@"radius"];
makeBiggerAnim.duration=0.2;
makeBiggerAnim.fromValue=[NSNumber numberWithDouble:20.0];
makeBiggerAnim.toValue=[NSNumber numberWithDouble:40.0];
makeBiggerAnim.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];

Meine Frage ist, jetzt funktioniert alles einwandfrei, ich möchte noch ein weiteres Attribut, der das selbe element zur gleichen Zeit. Ich habe gesehen, die Sie tun können, additive Animationen und so Zeug.

Meine Frage ist:

  • Ist die additive-Attribut die beste /einzige Weg, das zu tun? (Animation auf einmal mehrere Eigenschaften des gleichen Objekts auf einmal )

Dank!

InformationsquelleAutor der Frage Mc- | 2012-06-07

  1. 56

    Können Sie eine CAAnimationGroup und passen Sie die Dauer und timing-Funktion auf. Dann legen Sie alle Ihre CABasicAnimations wird, setzen Sie deren Wert, und fügen Sie Sie der Gruppe animation. Schließlich, fügen Sie die Gruppe animation, auf die Ebene, die Sie animieren möchten.

    Hier ein Beispiel:

    CABasicAnimation *makeBiggerAnim=[CABasicAnimation animationWithKeyPath:@"cornerRadius"];
makeBiggerAnim.fromValue=[NSNumber numberWithDouble:20.0];
makeBiggerAnim.toValue=[NSNumber numberWithDouble:40.0];

CABasicAnimation *fadeAnim=[CABasicAnimation animationWithKeyPath:@"opacity"];
fadeAnim.fromValue=[NSNumber numberWithDouble:1.0];
fadeAnim.toValue=[NSNumber numberWithDouble:0.0];

CABasicAnimation *rotateAnim=[CABasicAnimation animationWithKeyPath:@"transform.rotation.y"];
rotateAnim.fromValue=[NSNumber numberWithDouble:0.0];
rotateAnim.toValue=[NSNumber numberWithDouble:M_PI_4];

//Customizing the group with duration etc, will apply to all the
//animations in the group
CAAnimationGroup *group = [CAAnimationGroup animation];
group.duration = 0.2;
group.repeatCount = 3;
group.autoreverses = YES;
group.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
group.animations = @[makeBiggerAnim, fadeAnim, rotateAnim];

[myLayer addAnimation:group forKey:@"allMyAnimations"];

    InformationsquelleAutor der Antwort David Rönnqvist

  2. 3
    let groupAnimation = CAAnimationGroup()
groupAnimation.beginTime = CACurrentMediaTime() + 0.5
groupAnimation.duration = 0.5


let scaleDown = CABasicAnimation(keyPath: "transform.scale")
scaleDown.fromValue = 3.5
scaleDown.toValue = 1.0
let rotate = CABasicAnimation(keyPath: "transform.rotation")
rotate.fromValue = .pi/10.0
rotate.toValue = 0.0
let fade = CABasicAnimation(keyPath: "opacity")
fade.fromValue = 0.0
fade.toValue = 1.0

groupAnimation.animations = [scaleDown,rotate,fade]
loginButton.layer.add(groupAnimation, forKey: nil)

    Dies ist für das neueste update auf swift-swift (3). Ihr code sollte ein Objekt am Ende, d.h. UIButton, UILabel, etwas, was Sie animieren können. In meinem code war es der loginButton (das war der Titel oder name).

    InformationsquelleAutor der Antwort Aaron Zheng

  3. 2

    In Swift-3 wir können CAAnimationGroup wie folgt :- 

            let position = CAKeyframeAnimation(keyPath: "position")
        position.values = [ NSValue.init(cgPoint: .zero) , NSValue.init(cgPoint: CGPoint(x: 0, y: -20))  ,  NSValue.init(cgPoint: .zero) ]
        position.timingFunctions = [ CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseOut),  CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseOut)  ]
        position.isAdditive = true
        position.duration = 1.2

        let rotation = CAKeyframeAnimation(keyPath: "transform.rotation")
        rotation.values = [ 0, 0.14, 0 ]
        rotation.duration = 1.2
        rotation.timingFunctions = [ CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseOut),  CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseOut)  ]

        let fadeAndScale = CAAnimationGroup()
        fadeAndScale.animations = [ position, rotation]
        fadeAndScale.duration = 1

    InformationsquelleAutor der Antwort Shrawan

Schreibe einen Kommentar