iPhone UIView Animasjon Best Practice

Jeg har brukt den siste for mange fine lette animasjoner. Du kan bruke den crossfade to visninger, eller visne en i foran en annen, eller fade den ut. Du kan ta en utsikt over en annen som et banner, kan du lage en visning strekke eller krympe ... Jeg får mye av kjørelengde ut av beginAnimation/ commitAnimations.

Tro ikke at alt du kan gjøre er:

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

Her er et eksempel:

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

Som du ser, kan du spille med alfa, rammer, og selv størrelser av en visning. Leke rundt. Du kan bli overrasket med sine evner.

Forskjellen synes å være hvor mye kontroll du trenger over animasjonen.

Den CATransitiontilnærmingen gir deg mer kontroll og derfor flere ting å sette opp, f.eks. timingen funksjon. Å være et objekt, kan du lagre den til senere, refactor å påpeke alle animasjoner på det å redusere duplisert kode, etc.

De UIViewklassemetoder er convenience metoder for vanlige animasjoner, men er mer begrenset enn CATransition. For eksempel, er det bare fire mulige overgangstype (flip venstre, flip rett, krølle seg, bøye ned). Hvis du ønsket å gjøre en fade inn, vil du være nødt til å enten grave ned til CATransition'sfalme overgang, eller sette opp en eksplisitt animasjon av UIView's alpha.

Legg merke til at CATransitionpå Mac OS X lar deg angi en vilkårlig CoreImagefilter for å bruke som en overgang, men som det står nå kan du ikke gjøre dette på iPhone, som mangler CoreImage.

Vi kan animere bilder i iOS 5 ved hjelp av denne enkle koden.

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

I UIViewdokumenter, har en lese om denne funksjonen for iOS4 +

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

Uansett "Block" metoden er preffered nå-a-dager. Jeg vil forklare den enkle blokken nedenfor.

Tenk klippet nedenfor. bug2 og bug 3 er imageViews. Den nedenfor animasjon beskriver en animasjon med 1 sekunds varighet etter en forsinkelse på ett sekund. Den bug3 er flyttet fra midten til bug2 sentrum. Når animasjonen er ferdig vil det være logget inn for "Center Animation Ferdig!".

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

Håper det er rent !!!

Jeg fant en god tutorial på denne linken. Håper dette vil være nyttig for noen.

UIView-animasjon-opplæringen

la oss prøve og kassa For Swift tre ...

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

Her er koden for jevn animasjon, kan være nyttig for mange utviklere.
Jeg fant denne kodebit fra denne opplæringen.

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.