iOS动画技术——视图动画

每个视图都关联到一个图层（CALayer）对象，视图主要用来处理事件，图层用来处理动画。视图上所有动画、绘制和可视效果都直接或间接的由图层处理。

动画块

通过一个实例介绍一下动画块的使用，以及动画处理的过程。

[UIView animateWithDuration:1.5 animations:^
{
    CGRect frame = self.ball.frame;
    frame.origin.y += 100 *self->flag;
    self->flag *= -1;
    self.ball.frame = frame;
}];

动画生命周期事件

- (IBAction)click:(UIButton *)sender
{
    [sender setAlpha:0.0];
    
    [UIView animateWithDuration:1.5 animations:^
    {
        CGRect frame = self.ball.frame;
        frame.origin.y += 100 *self->flag;
        self->flag *= -1;
        self.ball.frame = frame;
    } completion:^(BOOL finished)
    {
        NSLog(@"动画结束了");
        [self viewAnimationDone];
    }];
}

-(void)viewAnimationDone
{
    [UIView animateWithDuration:1 animations:^
    {
        [self->_button setAlpha:1.0];
        [self click:self->_button];
    }];
}

不是块动画的话，可以检测动画开始的时机。

过渡动画

- (IBAction)doUIViewAnimation:(UIButton *)sender
{
    [UIView beginAnimations:@"animationID" context:nil];
    [UIView setAnimationDuration:3.0f];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseOut];
    [UIView setAnimationRepeatAutoreverses:NO];
    
    switch (sender.tag)
    {
        case 1:
            [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:self.view cache:YES];
            break;
        case 2:
            [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:self.view cache:YES];
            break;
        case 3:
            [UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:self.view cache:YES];
            break;
        case 4:
            [UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:self.view cache:YES];
            
        default:
            break;
    }
    [UIView commitAnimations];
}

- (IBAction)doUIViewAnimation:(UIButton *)sender
{
    switch (sender.tag)
    {
        case 1:
            [UIView transitionWithView:self.view duration:3.0 options:UIViewAnimationOptionCurveEaseOut | UIViewAnimationOptionTransitionFlipFromLeft animations:NULL completion:NULL];
            break;
        case 2:
            [UIView transitionWithView:self.view duration:3.0 options:UIViewAnimationOptionCurveEaseOut | UIViewAnimationOptionTransitionFlipFromRight animations:NULL completion:NULL];
            break;
        case 3:
            [UIView transitionWithView:self.view duration:3.0 options:UIViewAnimationOptionCurveEaseOut | UIViewAnimationOptionTransitionCurlUp animations:NULL completion:NULL];
            break;
        case 4:
            [UIView transitionWithView:self.view duration:3.0 options:UIViewAnimationOptionCurveEaseOut | UIViewAnimationOptionTransitionCurlDown animations:NULL completion:NULL];
            break;
            
        default:
            break;
    }
}