Animación personalizada para empujar un UIViewController

Question

Quiero mostrar una animación personalizada al presionar un controlador de vista: me gustaría lograr algo así como una animación "expandir", es decir, la nueva vista se expande desde un rectángulo dado, digamos [100,100 220,380] durante la animación a pantalla completa.

¿Alguna sugerencia por dónde empezar, o cualquier documento, tutorial, enlace? :)

---

Alright. Podría hacer que la animación se expanden con el siguiente código:

if ([coming.view superview] == nil) 
    [self.view addSubview:coming.view]; 
    coming.view.frame = CGRectMake(160,160,0,0); 
    [UIView beginAnimations:@"frame" context:nil]; 
    [UIView setAnimationDuration:4]; 
    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut]; 
    [coming viewWillAppear:YES]; 
    [going viewWillAppear:YES]; 
    coming.view.frame = CGRectMake(0, 0, 320, 480); 
    [going viewDidDisappear:YES]; 
    [coming viewDidAppear:YES]; 
    [UIView commitAnimations]; 

Mi vista se muestra correctamente, pero por desgracia la barra de navegación y no se actualiza. ¿Hay alguna manera de hacerlo manualmente?

---

En el código de ejemplo, una función se llama todos los 0.03 segundos que actualiza la transformación de la vista. Desafortunadamente, al presionar UIViewController, no puedo cambiar el tamaño del marco de la vista ... ¿o sí?

Answer 1

Lo que podría hacer es pulsar el siguiente controlador de vista pero no se animan, así:

[self.navigationController pushViewController:nextController animated:NO]; 

... y luego, en el controlador de vista que es ser empujado adentro, usted podría hacer una animación personalizada de su vista usando CoreAnimation. Esto podría hacerse mejor en el método viewDidAppear:(BOOL)animated.

Consulte Core Animation Guide para saber cómo hacer la animación. Mire particularmente la animación implícita.

EDIT:updated link

Answer 2

Lo que quiere es las descargas para el capítulo 2 de iphone developers cookbook. Mire la muestra affineRotate específicamente, aunque cualquiera de las muestras principales de animatin lo ayudará.

Answer 3

utilizo la siguiente función (añadido a UINavigationController) para personalizar la animación de empuje:

- (void) pushController: (UIViewController*) controller 
     withTransition: (UIViewAnimationTransition) transition 
{ 
    [UIView beginAnimations:nil context:NULL]; 
    [self pushViewController:controller animated:NO]; 
    [UIView setAnimationDuration:.5]; 
    [UIView setAnimationBeginsFromCurrentState:YES];   
    [UIView setAnimationTransition:transition forView:self.view cache:YES]; 
    [UIView commitAnimations]; 
} 

Creo que se puede adaptar este código para hacer lo animación que desee.

Answer 4

@zoul: ¡Funcionó muy bien! Cambié "self" a "self.navigationController" y "self.view" a "self.navigationController.view" No sé si eso fue necesario, pero funcionó. Y @crafterm, como para hacer estallar hacia atrás, simplemente hacer su propio leftBarButtonItem añadiendo este código en viewDidLoad o viewWillAppear:

//add your own left bar button 
UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithTitle:@"Back" style:UIBarButtonItemStylePlain target:self action:@selector(backButtonTapped)]; 
self.navigationItem.leftBarButtonItem = backButton; 
[backButton release]; 

A continuación, sólo pellizqué la función de empuje y hice esta función popWithTransition que llamé en mi método -backButtonTapped .

- (void) popWithTransition: (UIViewAnimationTransition) transition 
{ 
    [UIView beginAnimations:nil context:NULL]; 
    [UIView setAnimationDuration:.75]; 
    [UIView setAnimationBeginsFromCurrentState:YES];   
    [UIView setAnimationTransition:transition forView:self.navigationController.view cache:YES]; 
    [UIView commitAnimations]; 
[self.navigationController popViewControllerAnimated:NO]; 
} 

Tenga en cuenta que la llamada popViewController se desplazó hasta el final, después de la animación. No sé si eso es kosher, pero de nuevo, funcionó.

Answer 5

Heinrich,

he hecho un tutorial de youtube que muestra cómo hacer que se expanden y se contraen puntos de vista, como en la aplicación para el iPhone facebook.

esperan que pueda ser de ayuda: How to make expanding/shrinking views on iPhone SDK

Adam

Answer 6

El código que está buscando:

[UIView beginAnimations:@"View Flip" context:nil]; 
[UIView setAnimationDuration:0.80]; 
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut]; 

[UIView setAnimationTransition: 
UIViewAnimationTransitionFlipFromRight 
         forView:self.navigationController.view cache:NO]; 


[self.navigationController pushViewController:menu animated:YES]; 
[UIView commitAnimations]; 

Answer 7

Tenga una mirada en ADTransitionController, una gota en el reemplazo para UINavigationController con la costumbre animaciones de transición (su API coincide con la API de UINavigationController) que creamos en Applidium.

Se pueden utilizar diferentes animaciones predefinidas para empuje y pop acciones tales como Flagelo, Fundido, Cubo, Carrusel y así sucesivamente. En su caso, la animación que está solicitando es la que se llama Zoom.