Mejores prácticas de UIView Animation de iPhone

Question

¿Qué se considera la mejor práctica para animar las transiciones de vista en el iPhone?

Por ejemplo, el proyecto ViewTransitions muestra de Apple utiliza un código como:

CATransition *applicationLoadViewIn = [CATransition animation]; 
[applicationLoadViewIn setDuration:1]; 
[applicationLoadViewIn setType:kCATransitionReveal]; 
[applicationLoadViewIn setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]]; 
[[myview layer] addAnimation:applicationLoadViewIn forKey:kCATransitionReveal]; 

, pero también hay fragmentos de código que flotan alrededor de la red que se ven así:

[UIView beginAnimations:nil context:nil]; 
[UIView setAnimationDuration:0.75]; 
[UIView setAnimationDelegate:self]; 
[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:myview cache:YES]; 
[myview removeFromSuperview]; 
[UIView commitAnimations]; 

¿Cuál es la mejor ¿enfoque? Si pudieras proporcionar un fragmento, sería muy apreciado.

NOTA: No he podido obtener el segundo enfoque para que funcione correctamente.

Answer 1

Desde la sección de UIView reference 's sobre el método beginAnimations:context::

El uso de este método no se recomienda en el iPhone OS 4.0 y posterior. Deberías usar los métodos de animación basados ​​en bloques en su lugar.

ejemplo de animación basada en bloques basado en comentario de Tom

[UIView transitionWithView:mysuperview 
        duration:0.75 
        options:UIViewAnimationTransitionFlipFromRight 
       animations:^{ 
        [myview removeFromSuperview]; 
       } 
       completion:nil]; 

Answer 2

La diferencia parece ser la cantidad de control que necesita sobre la animación.

El enfoque CATransition le da más control y, por lo tanto, más cosas para configurar, p. Ej. la función de tiempo Al ser un objeto, puede almacenar para más adelante, refactoriza señalar todas sus animaciones en ella para reducir código duplicado, etc.

Los métodos de clase UIView son métodos de conveniencia para animaciones comunes, pero son más limitados que CATransition. Por ejemplo, solo hay cuatro posibles tipos de transición (giro a la izquierda, giro a la derecha, curvatura, curvatura hacia abajo). Si quisiera hacer un fundido de entrada, tendría que buscar la transición de desvanecimiento CATransition's, o configurar una animación explícita del alfa de su UIView.

Tenga en cuenta que CATransition en Mac OS X le permitirá especificar un filtro de CoreImage arbitraria para su uso como una transición, pero tal como está ahora no se puede hacer esto en el iPhone, que carece de CoreImage.

Answer 3

He estado utilizando este último para un montón de agradables animaciones livianas. Puede usarla para fundir dos vistas, o fundir una en frente de otra, o fundirla. Puede disparar una vista sobre otra como una pancarta, puede hacer que una vista se estire o encoja ... Estoy obteniendo un montón de millas de beginAnimation/commitAnimations.

No piense que todo lo que se puede hacer es:

[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:myview cache:YES]; 

Este es un ejemplo:

[UIView beginAnimations:nil context:NULL]; { 
    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut]; 
    [UIView setAnimationDuration:1.0]; 
    [UIView setAnimationDelegate:self]; 
    if (movingViewIn) { 
// after the animation is over, call afterAnimationProceedWithGame 
// to start the game 
     [UIView setAnimationDidStopSelector:@selector(afterAnimationProceedWithGame)]; 

//  [UIView setAnimationRepeatCount:5.0]; // don't forget you can repeat an animation 
//  [UIView setAnimationDelay:0.50]; 
//  [UIView setAnimationRepeatAutoreverses:YES]; 

     gameView.alpha = 1.0; 
     topGameView.alpha = 1.0; 
     viewrect1.origin.y = selfrect.size.height - (viewrect1.size.height); 
     viewrect2.origin.y = -20; 

     topGameView.alpha = 1.0; 
    } 
    else { 
    // call putBackStatusBar after animation to restore the state after this animation 
     [UIView setAnimationDidStopSelector:@selector(putBackStatusBar)]; 
     gameView.alpha = 0.0; 
     topGameView.alpha = 0.0; 
    } 
    [gameView setFrame:viewrect1]; 
    [topGameView setFrame:viewrect2]; 

} [UIView commitAnimations]; 

Como se puede ver, se puede jugar con alfa, marcos, e incluso los tamaños de una vista. Jugar. Puede sorprenderse con sus capacidades.

Answer 4

En los UIView documentos, tienen una lectura acerca de esta función para iOS4 +

+ (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion 

Answer 5

Podemos animar imágenes en ios 5 usando este código simple.

CGRect imageFrame = imageView.frame; 
imageFrame.origin.y = self.view.bounds.size.height; 

[UIView animateWithDuration:0.5 
    delay:1.0 
    options: UIViewAnimationCurveEaseOut 
    animations:^{ 
     imageView.frame = imageFrame; 
    } 
    completion:^(BOOL finished){ 
     NSLog(@"Done!"); 
    }]; 

Answer 6

De todos modos, el método "Bloque" es el preferido hoy en día. Explicaré el bloque simple a continuación.

Considere los recortes a continuación. bug2 y bug 3 son imageViews. La animación siguiente describe una animación con duración de 1 segundo después de un retraso de 1 segundo. El bug3 se mueve desde su centro al centro de bug2. Una vez que se completa la animación, se registrará "¡Animación central hecha!".

-(void)centerAnimation:(id)sender 
{ 
NSLog(@"Center animation triggered!"); 
CGPoint bug2Center = bug2.center; 

[UIView animateWithDuration:1 
         delay:1.0 
        options: UIViewAnimationCurveEaseOut 
       animations:^{ 
        bug3.center = bug2Center; 
       } 
       completion:^(BOOL finished){ 
        NSLog(@"Center Animation Done!"); 
       }]; 
} 

Hope that's clean !!!

Answer 7

Encontré un buen tutorial en este enlace. Espero que esto sea útil para alguien.

uiview-animation-tutorial

Answer 8

Aquí es el código para la animación suave, podría ser útil para muchos desarrolladores.
I found this snippet of code from this tutorial.

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform.scale"]; 
[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]]; 
[animation setAutoreverses:YES]; 
[animation setFromValue:[NSNumber numberWithFloat:1.3f]]; 
[animation setToValue:[NSNumber numberWithFloat:1.f]]; 
[animation setDuration:2.f]; 
[animation setRemovedOnCompletion:NO]; 

[animation setFillMode:kCAFillModeForwards]; 
[[self.myView layer] addAnimation:animation forKey:@"scale"];/// add here any Controller that you want t put Smooth animation. 

Answer 9

vamos a lo intentan y salida para SWIFT 3 ...

UIView.transition(with: mysuperview, duration: 0.75, options:UIViewAnimationOptions.transitionFlipFromRight , animations: { 
    myview.removeFromSuperview() 
}, completion: nil)