Cómo estilo de transición facebook

Question

Desea implementar una transición de controlador de vista similar a la utilizada en Facebook y en muchas otras aplicaciones, se adjunta instantánea. ¿Exigirá jugar con el marco de CoreAnimation o está disponible en el kit de herramientas?

Answer 1

Usted tiene que usar CoreAnimation a menos que desee importar un marco parte tercera que alguien sugirió, pero es muy simple de usar CoreAnimation y te sugiero que lo aprendas porque es muy poderoso. Aquí está el enfoque más simple posible para darle una idea. Se podría estructurar un poco mejor a sí mismo una vez que se obtiene una caída de ella, para satisfacer sus necesidades:

En su viewcontroller tienen 2 puntos de vista:

@interface yourViewController : UIViewController { 
    // The facebook view in the example, this will be the view that moves. 
    // Init this view with x=0 and let it cover the whole screen. 
    IBOutlet UIView *topView; 

    // The fb menu in the example 
    // Init this view so that it stays behind the topView. 
    IBOutlet UIView *bottomView; 

    BOOL menuVisible; // init to false in viewDidLoad! 
} 

crearlos en constructor de interfaces, o por código o sin embargo estás acostumbrado Haz que se superpongan para que solo veas la vista superior, y deja que el botón Vista permanezca atrás.

Cuando el usuario pulsa el botón para mostrar el menú:

-(IBAction)menuButtonPressed:(id)sender { 
    // Set up animation with duration 0.5 seconds 
    [UIView beginAnimations:@"ToggleMenu" context:nil]; 
    [UIView setAnimationDuration:0.5]; 

    // Alter position of topView 

    CGRect frame = topView.frame; 

    if (menuVisible) { 
     frame.origin.x = 0; 
     menuVisible = NO; 
    } else { 
     frame.origin.x = 300; //Play with this value 
     menuVisible = YES; 
    } 

    topView.frame = frame; 

    // Run animation 
    [UIView commitAnimations]; 
} 

Por supuesto, usted debe poner en práctica sus propias subclases UIView para la "vista facebook" y la "vista del menú", etc y el uso de topview y bottomView en el ejemplo anterior.

Answer 2

Tome un vistazo a esto, puede ser que le dan un punto de partida: https://github.com/Inferis/ViewDeck/