Come transizione stile Facebook

Question

Vuoi implementare una transizione del controller di visualizzazione simile a quella utilizzata in Facebook e in molte altre app, l'istantanea è allegata. Richiede di giocare con il framework CoreAnimation o è disponibile nel toolkit?

Answer 1

Devi usare Core Animation a meno che non si desidera importare un quadro parte terza che qualcuno ha suggerito, ma è molto semplice da usare CoreAnimation e ti suggerisco di impararlo perché è molto potente. Ecco l'approccio più semplice possibile per darti un'idea. Si potrebbe strutturare un po 'meglio se stessi una volta che si ottiene un blocco di esso, per soddisfare le vostre esigenze:

Nella tua viewcontroller hanno 2 guardati:

@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! 
} 

crearli nel costruttore di interfaccia, o per Codice o comunque sei abituato. Fai in modo che si sovrappongano a vicenda in modo che tu veda solo il topView e lasci che il buttomView rimanga indietro.

Quando l'utente preme il pulsante per visualizzare il menu:

-(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]; 
} 

Naturalmente, è necessario implementare le proprie sottoclassi UIView per la "vista facebook" e il "menu Visualizza", ecc e utilizzare per Topview e bottomView nell'esempio sopra.

Answer 2

Date un'occhiata a questo, si potrebbe dare un punto di partenza: https://github.com/Inferis/ViewDeck/