iPhone UIView Animation Best Practice

Ik gebruik de laatste voor een heleboel leuke lichtgewicht animaties. U kunt het gebruiken faden twee weergaven, of fade een op de aan de voorkant van een ander, of fade it out. U kunt opnamen maken van een uitzicht over een ander als een banner, kunt u het oog stuk te maken of te verkleinen ... Ik krijg heel wat kilometers uit van beginAnimation/ commitAnimations.

Denk niet dat alles wat je kunt doen is:

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

Hier is een voorbeeld:

[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];

Zoals u kunt zien, kun je spelen met alpha, frames en zelfs maten van het oog. Het spel rond. U kunt worden verrast met de mogelijkheden zijn.

Het verschil lijkt de mate van controle die u nodig heeft over de animatie zijn.

De CATransitionaanpak geeft u meer controle en dus meer dingen op te zetten, bv. de tijdfunctie. Omdat het een object, kunt u deze op te slaan voor later, refactoren om al uw animaties te wijzen op het aan gedupliceerde code te verminderen, etc.

De UIViewmethoden van de klasse zijn gemak methoden voor gewone animaties, maar zijn beperkter dan CATransition. Zo zijn er slechts vier mogelijke overgangstypen (flip links, rechts draaien, krullen, krullen omlaag). Als je wilde een fade in te doen, zou je moet ofwel graven om CATransition'sde overgang vervagen, of het opzetten van een expliciete animatie van je UIView's alpha.

Merk op dat CATransitionop Mac OS X laat u een willekeurige opgeven CoreImagefilter te gebruiken als een overgang, maar zoals het er nu uitziet kun je niet doen op de iPhone, die ontbreekt CoreImage.

We kunnen beelden in ios animeren 5 met behulp van deze eenvoudige code.

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!");
    }];

In de UIViewdocumenten, hebben gelezen over deze functie voor iOS4 +

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

Hoe dan ook de "Block" methode wordt Preffered nu-een-dag. Ik zal de eenvoudige blok hieronder uitleggen.

Beschouw de onderstaande geknipt. bug2 en bug 3 zijn imageViews. Onderstaande animatie beschrijft een animatie met 1 seconde tijdsduur na een vertraging van 1 seconde. De bug3 wordt verplaatst van het centrum tot centrum bug2's. Zodra de animatie is voltooid zal bewaard worden "Center Animation Klaar!".

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

Hoop dat is schoon !!!

Ik vond een goede tutorial in deze link. Hoop dat dit zal nuttig zijn voor iemand zijn.

UIView-animatie-les

Hier is code voor Smooth animatie, kan nuttig zijn voor veel ontwikkelaars.
Ik vond dit stukje code van deze tutorial.

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.

Laten we proberen en kassa voor Swift 3 ...

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