Efecto de Flip entre dos Vistas (iOS)

Básicamente me encontraba con la necesidad de hacer la típica pantallita de About de Aplicación y claro, porqué no hacerlo con el típico efecto de flip?

A continuación os dejo un pedazo de código que os ayudará a poderlo hacer en vuestras aplicaciones.

Yo lo he sacado de este video tutorial.

Dónde básicamente de dicen lo siguiente:

En el archivo .m que actúa como viewController de tu vista principal (desde la cual quieres hacer el flip) declara un método parecido a este, pero adaptándolo a tus clases:

- (IBAction) flip1 {
        [UIView beginAnimations:nil context:NULL];
	[UIView setAnimationDuration:1.0];
	
	[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft
						   forView:[self view] 
							 cache:YES];

	[[self view] addSubview:viewToFlip];
	
	[UIView commitAnimations];	
}

Dónde podemos ver que está función es del tipo IBAction, deberás conectarla al botón que quieras para que haga el flip, y hay una view viewToFlip esta debe ser la vista destino del flip.

Para volver desde la vista destino del flip a la vista original puedes utilizar este otro pedazo de código:

- (IBAction) flip2 {
        [UIView beginAnimations:nil context:NULL];
	[UIView setAnimationDuration:1.0];
	
	[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft
						   forView:self.view
							 cache:YES];
	[self.view removeFromSuperview];
	
	[UIView commitAnimations];	
}

No olvides conectar este método a algún boton, para poder volver a la vista original.

Este ejemplo está pensado para que dentro de un mismo ViewController tengas las dos UIView, como subvistas y puedas hacer el flip entre ellas. Pero puede utilizarse sin problema alguno (modificando alguna cosa) para flip entre views que esten en diferentes ViewController’s.

Espero que os sea de utilidad!

Leave a Reply

Your email address will not be published. Required fields are marked *