Comment animer l'image d'une couche avec CABasicAnimation?

Je suppose que je dois convertir le CGRect dans un objet afin de le transmettre à fromValue?

C'est la façon dont je l'ai essayer, mais ça ne fonctionne pas:

CABasicAnimation *frameAnimation = [CABasicAnimation animationWithKeyPath:@"frame"];
frameAnimation.duration = 2.5;
frameAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
frameAnimation.fromValue = [NSValue valueWithCGRect:myLayer.frame];
frameAnimation.toValue = [NSValue valueWithCGRect:theNewFrameRect];
[myLayer addAnimation:frameAnimation forKey:@"MLC"];

source d'informationauteur dontWatchMyProfile | 2010-05-23

  1. -7

    Je suppose que vous avez besoin de changer votre dernière ligne de la faire fonctionner:

    [myLayer addAnimation:frameAnimation forKey:@"frame"];

    Vous pouvez également définir une action à la couche pour faire tous les châssis des changements d'animation avec votre animation:

    CABasicAnimation *frameAnimation = [CABasicAnimation animation];
frameAnimation.duration = 2.5;
frameAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];

myLayer.actions = [NSDictionary dictionaryWithObjectsAndKeys:frameAnimation, @"frame", nil];

    Dans CALayer de actionForKey: méthode de référence, vous pouvez trouver comment la couche semble en place pour les actions d'animation de ses propriétés.

  2. 84

    Le cadre de la propriété d'un CALayer est un dérivé de la propriété, dépendant de la position, anchorPoint, de limites et de transformation de la couche. Au lieu de l'animation de l'image, il est préférable d'animer la position ou limites, en fonction de l'effet que vous essayez d'accomplir.

    Pour déplacer un calque, vous pouvez animer les position:

    -(void)moveLayer:(CALayer*)layer to:(CGPoint)point
{
    //Prepare the animation from the current position to the new position
    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"position"];
    animation.fromValue = [layer valueForKey:@"position"];

    //NSValue/+valueWithPoint:(NSPoint)point is available on Mac OS X
    //NSValue/+valueWithCGPoint:(CGPoint)point is available on iOS
    //comment/uncomment the corresponding lines depending on which platform you're targeting

    //Mac OS X
    animation.toValue = [NSValue valueWithPoint:NSPointFromCGPoint(point)];
    //iOS
    //animation.toValue = [NSValue valueWithCGPoint:point];

    //Update the layer's position so that the layer doesn't snap back when the animation completes.
    layer.position = point;

    //Add the animation, overriding the implicit animation.
    [layer addAnimation:animation forKey:@"position"];
}

    Pour redimensionner un calque, vous animez le bounds paramètre:

    -(void)resizeLayer:(CALayer*)layer to:(CGSize)size
{
    //Prepare the animation from the old size to the new size
    CGRect oldBounds = layer.bounds;
    CGRect newBounds = oldBounds;
    newBounds.size = size;
    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"bounds"];

    //NSValue/+valueWithRect:(NSRect)rect is available on Mac OS X
    //NSValue/+valueWithCGRect:(CGRect)rect is available on iOS
    //comment/uncomment the corresponding lines depending on which platform you're targeting

    //Mac OS X
    animation.fromValue = [NSValue valueWithRect:NSRectFromCGRect(oldBounds)];
    animation.toValue = [NSValue valueWithRect:NSRectFromCGRect(newBounds)];
    //iOS
    //animation.fromValue = [NSValue valueWithCGRect:oldBounds];
    //animation.toValue = [NSValue valueWithCGRect:newBounds];

    //Update the layer's bounds so the layer doesn't snap back when the animation completes.
    layer.bounds = newBounds;

    //Add the animation, overriding the implicit animation.
    [layer addAnimation:animation forKey:@"bounds"];
}

    Vous pouvez combiner ces animations à l'aide d'un CAAnimationGroup si vous avez besoin de déplacer et redimensionner un calque en même temps.

  3. 6

    on peut changer les propriétés de "limites" et de la "position" de l'animer, comme

    -(void)handleTap2:(UITapGestureRecognizer *)recognizer {
UIImageView *vw = (UIImageView *)[recognizer view];
CGPoint startPoint = CGPointMake(vw.frame.size.width/2+vw.frame.origin.x, vw.frame.size.height/2+vw.frame.origin.y); 
CGPoint endPoint = CGPointMake(160, 240);
CGRect startBounds = vw.bounds; 
CGRect stopBounds = self.view.bounds;
layer = [CALayer layer]; 
layer.frame = self.view.frame; 
layer.contents = (id)[vw.image CGImage];
[self.view.window.layer addSublayer:layer];
CABasicAnimation * baseAnimation = [CABasicAnimation animationWithKeyPath:@"position"];
baseAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear]; 
baseAnimation.fromValue = [NSValue valueWithCGPoint:startPoint] ; 
baseAnimation.toValue = [NSValue valueWithCGPoint:endPoint] ;
CABasicAnimation * boundsAnimation = [CABasicAnimation animationWithKeyPath:@"bounds"];
boundsAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear]; 
boundsAnimation.fromValue = [NSValue valueWithCGRect:startBounds] ; boundsAnimation.toValue = [NSValue valueWithCGRect:stopBounds] ;
CAAnimationGroup * group =[CAAnimationGroup animation]; 
group.removedOnCompletion=NO; group.fillMode=kCAFillModeForwards; 
group.animations =[NSArray arrayWithObjects:baseAnimation, boundsAnimation, nil];    
group.duration = 0.7;
[layer addAnimation:group forKey:@"frame"]; 
}
  4. 3

    La question est ancienne, mais je vais répondre quand même.

    Cadre de la propriété n'est pas animables. Vous devez animer d'autres propriétés. Aussi, vous devez désactiver implicite des animations.

        let updatedBounds = ...
let animation = CABasicAnimation(keyPath: "bounds")
animation.duration = 0.5
//it's better to start animation from presentation layer in case there is already animation going on
animation.fromValue = customLayer.presentation()?.bounds
animation.toValue = updatedBounds
customLayer.add(animation, forKey: nil)
//disable implicit animation for thoose properties
CATransaction.begin()
CATransaction.setDisableActions(true)
//update properties so they will be updated at the end of animation
customLayer.bounds = updatedBounds
customLayer.position = originalRect.origin
customLayer.anchorPoint = CGPoint(x: 0, y: 0)
CATransaction.commit()
  5. 2

    Ici est un simple, totalement, l'exemple de ce qui peut aider quelqu'un.

    Appelez simplement .slideUp() sur la classe et il va glisser vers le haut.

    class Slidey: YourViewClass {
func slideUp() {
print("\n\n SLIDE")
let FF = layer.position
var TT = FF
TT.y -= 100
print(FF)
print(TT)
CATransaction.begin()
CATransaction.setDisableActions(true)
CATransaction.setCompletionBlock{ [weak self] in
print("DONE")
}
let a = CABasicAnimation(keyPath: "position")
a.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseOut)
a.isCumulative = false
a.autoreverses = false
a.isRemovedOnCompletion = true
a.repeatCount = 0
a.fromValue = FF
a.toValue = TT
a.duration = 0.70
layer.add(a, forKey: nil)
CATransaction.commit()
}
}