1. 程式人生 > >IOS UITableViewCell常用幾種動畫效果

IOS UITableViewCell常用幾種動畫效果

前言:Cell常用幾種動畫效果

第一種動畫:從左到右,由小變大

CATransform3D transform = CATransform3DIdentity;
    transform = CATransform3DRotate(transform, 0, 0, 0, 1);//漸變
    transform = CATransform3DTranslate(transform, -200, 0, 0);//左邊水平移動
    transform = CATransform3DScale(transform, 0, 0, 0);//由小變大

    cell.layer.transform = transform;
    cell.layer.opacity = 0.0;

    [UIView animateWithDuration:0.6 animations:^{
        cell.layer.transform = CATransform3DIdentity;
        cell.layer.opacity = 1;
    }];

第二種動畫:旋轉動畫
// 1. 配置CATransform3D的內容
    CATransform3D transform;
    transform = CATransform3DMakeRotation( (90.0*M_PI)/180, 0.0, 0.7, 0.4);
    transform.m34 = 1.0/ -600;

    // 2. 定義cell的初始狀態
    cell.layer.shadowColor = [[UIColor blackColor]CGColor];
    cell.layer.shadowOffset = CGSizeMake(10, 10);
    cell.alpha = 0;

    cell.layer.transform = transform;
    cell.layer.anchorPoint = CGPointMake(0, 0.5);

    // 3. 定義cell的最終狀態,並提交動畫
    [UIView beginAnimations:@"transform" context:NULL];
    [UIView setAnimationDuration:0.5];
    cell.layer.transform = CATransform3DIdentity;
    cell.alpha = 1;
    cell.layer.shadowOffset = CGSizeMake(0, 0);
    cell.frame = CGRectMake(0, cell.frame.origin.y, cell.frame.size.width, cell.frame.size.height);
    [UIView commitAnimations];
第三種動畫:繞Z軸旋轉
cell.layer.transform = CATransform3DMakeScale(0.1, 0.1, 1.0);
    [UIView animateWithDuration:0.4 animations:^{
        cell.layer.transform = CATransform3DMakeScale(1.0, 1.0, 1.0);
    }];