iPhone UIView animation les meilleures pratiques

J'utilise ce dernier pour beaucoup de belles animations légères. Vous pouvez l' utiliser deux vues fondu enchaîné ou Fondu un en face d' une autre, ou fade out. Vous pouvez tirer une vue sur une autre comme une bannière, vous pouvez faire une étirées ou rétrécies vue ... Je reçois beaucoup de kilométrage de beginAnimation/ commitAnimations.

Ne pensez pas que vous pouvez faire tout est:

[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:myview cache:YES];

Voici un exemple:

[UIView beginAnimations:nil context:NULL]; {
    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
    [UIView setAnimationDuration:1.0];
    [UIView setAnimationDelegate:self];
    if (movingViewIn) {
// after the animation is over, call afterAnimationProceedWithGame
//  to start the game
        [UIView setAnimationDidStopSelector:@selector(afterAnimationProceedWithGame)];

//      [UIView setAnimationRepeatCount:5.0]; // don't forget you can repeat an animation
//      [UIView setAnimationDelay:0.50];
//      [UIView setAnimationRepeatAutoreverses:YES];

        gameView.alpha = 1.0;
        topGameView.alpha = 1.0;
        viewrect1.origin.y = selfrect.size.height - (viewrect1.size.height);
        viewrect2.origin.y = -20;

        topGameView.alpha = 1.0;
    }
    else {
    // call putBackStatusBar after animation to restore the state after this animation
        [UIView setAnimationDidStopSelector:@selector(putBackStatusBar)];
        gameView.alpha = 0.0;
        topGameView.alpha = 0.0;
    }
    [gameView setFrame:viewrect1];
    [topGameView setFrame:viewrect2];

} [UIView commitAnimations];

Comme vous pouvez le voir, vous pouvez jouer avec alpha, cadres et tailles même d'une vue. S'amuser. Vous pourriez être surpris par ses capacités.

La différence semble être la quantité de contrôle dont vous avez besoin sur l'animation.

L' CATransitionapproche vous donne plus de contrôle et donc plus de choses à mettre en place, par exemple. la fonction de synchronisation. Être un objet, vous pouvez l' enregistrer pour plus tard, refactoring pour pointer toutes vos animations à pour réduire le code dupliquée, etc.

Les UIViewméthodes de classe sont des méthodes pratiques pour des animations communes, mais sont plus limités que CATransition. Par exemple, il y a seulement quatre types de transition possibles (flip, flip gauche à droite, se recroquevillent, courbe vers le bas). Si vous vouliez faire un fondu, il faudrait soit creuser pour CATransition'sestomper la transition, ou mettre en place une animation explicite de votre UIView« alpha s.

Notez que CATransitionsous Mac OS X vous permet de spécifier un quelconque CoreImagefiltre à utiliser comme une transition, mais tel qu'il est maintenant , vous ne pouvez pas le faire sur l'iPhone, ce qui manque CoreImage.

Nous pouvons animer des images dans ios 5 en utilisant ce code simple.

CGRect imageFrame = imageView.frame;
imageFrame.origin.y = self.view.bounds.size.height;

[UIView animateWithDuration:0.5
    delay:1.0
    options: UIViewAnimationCurveEaseOut
    animations:^{
        imageView.frame = imageFrame;
    } 
    completion:^(BOOL finished){
        NSLog(@"Done!");
    }];

Dans les UIViewdocuments, ont une lecture de cette fonction pour iOS4 +

+ (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion

Quoi qu'il en soit la méthode « Block » est preffered maintenant jours-. Je vais vous expliquer le simple bloc ci-dessous.

Considérons le snipped ci-dessous. BUG2 et bug 3 sont imageViews. L'animation ci-dessous décrit une animation avec 1 seconde durée après un délai de 1 seconde. Le bug3 est déplacé de son centre au centre de BUG2. Une fois l'animation terminée, il sera connecté « Terminé Centre d'animation! ».

-(void)centerAnimation:(id)sender
{
NSLog(@"Center animation triggered!");
CGPoint bug2Center = bug2.center;

[UIView animateWithDuration:1
                      delay:1.0
                    options: UIViewAnimationCurveEaseOut
                 animations:^{
                     bug3.center = bug2Center;
                 } 
                 completion:^(BOOL finished){
                     NSLog(@"Center Animation Done!");
                 }];
}

Espérons que est propre !!!

J'ai trouvé un bon tutoriel dans ce lien. Espérons que cela sera utile pour quelqu'un.

UIView-animation tutoriel

Voici le code pour l' animation en douceur, peut être utile pour de nombreux développeurs.
J'ai trouvé ce bout de code de ce tutoriel.

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform.scale"];
[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];
[animation setAutoreverses:YES];
[animation setFromValue:[NSNumber numberWithFloat:1.3f]];
[animation setToValue:[NSNumber numberWithFloat:1.f]];
[animation setDuration:2.f];
[animation setRemovedOnCompletion:NO];

[animation setFillMode:kCAFillModeForwards];
[[self.myView layer] addAnimation:animation forKey:@"scale"];/// add here any Controller that you want t put Smooth animation.

nous allons faire et essayer votre commande pour Swift 3 ...

UIView.transition(with: mysuperview, duration: 0.75, options:UIViewAnimationOptions.transitionFlipFromRight , animations: {
    myview.removeFromSuperview()
}, completion: nil)