Comment animer la vue de gauche à droite dans l'iPhone?

Question

Comment animer la transition de vue de gauche à droite (vue push similaire). Lorsque je clique sur le bouton, la vue devrait être transite de gauche à droite. Alors, s'il vous plaît, guidez-moi et donnez quelques exemples de liens.

Merci.

Answer 1

Supposons que vous souhaitiez pousser view2 à partir de la droite pour remplacer view1.

// Set up view2 
view2.frame = view1.frame; 
view2.center = CGPointMake(view1.center.x + CGRectGetWidth(view1.frame), view1.center.y); 
[view1.superview addSubview: view2]; 
// Animate the push 
[UIView beginAnimations: nil context: NULL]; 
[UIView setAnimationDelegate: self]; 
[UIView setAnimationDidStopSelector: @selector(pushAnimationDidStop:finished:context:)]; 
view2.center = view1.center; 
view1.center = CGPointMake(view1.center.x - CGRectGetWidth(view1.frame), view1.center.y); 
[UIView commitAnimations]; 

Ensuite (en option) mettre en œuvre cette méthode pour supprimer View1 de la hiérarchie de la vue:

- (void) pushAnimationDidStop: (NSString *) animationID finished: (NSNumber *) finished context: (void *) context { 
    [view1 removeFromSuperview]; 
} 

Dans cette méthode déléguée d'animation vous pouvez également libérer view1 et définir sa référence à zéro, selon le si vous devez le garder après la transition.

Answer 2

Animer de gauche à droite, vous pouvez utiliser le bloc ci-dessous code

CATransition *transition = [CATransition animation]; 
    transition.duration = 0.4; 
    transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]; 
    transition.type = kCATransitionPush; 
    transition.subtype = kCATransitionFromLeft; 
    [self.view.window.layer addAnimation:transition forKey:nil]; 
    [self presentViewController:YOUR_VIEWCONTROLLER animated:YES completion:nil]; 

Answer 3

Une autre option est d'utiliser des blocs pour l'animation avec moins ligne de codes et pour la simplicité:

Voici l'échantillon

CGRect viewLeftRect;//final frames for left view 
CGRect viewRightRect;//final frames for right view 

[UIView animateWithDuration:0.3f animations:^{ 
    [viewLeft setFrame:viewLeftRect]; 
    [viewRight setFrame:viewRightRect]; 
} completion:^(BOOL finished) { 
    //do what ever after completing animation 
}]; 

Answer 4

Vous pouvez également ajouter une animation de droite à gauche comme ceci:

scrAnimation.frame=CGRectMake(248, 175, 500, 414); //your view start position 

    [UIView animateWithDuration:0.5f 
          delay:0.0f 
         options:UIViewAnimationOptionBeginFromCurrentState 
        animations:^{ 
         [scrAnimation setFrame:CGRectMake(0, 175, 500, 414)]; // last position 
        } 
        completion:nil];