码迷,mamicode.com
首页 > 其他好文 > 详细

TableView使用CATransform3D特效动画

时间:2016-07-28 14:20:12      阅读:338      评论:0      收藏:0      [点我收藏+]

标签:

 

效果一:

技术分享

 

在代理方法中实现:

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    CATransform3D transform = CATransform3DIdentity;
    // CA_EXTERN CATransform3D CATransform3DTranslate (CATransform3D t, CGFloat tx, CGFloat ty, CGFloat tz)  tx: 左右移动 ty: 上下移动

    transform = CATransform3DTranslate(transform, 0, 50, 0);
    cell.layer.transform = transform;
    [UIView animateWithDuration:0.5 animations:^{
        cell.layer.transform = CATransform3DIdentity;
    }];
}

效果二:

技术分享

代码:

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    CATransform3D transform = CATransform3DIdentity;
    // CA_EXTERN CATransform3D CATransform3DTranslate (CATransform3D t, CGFloat tx, CGFloat ty, CGFloat tz)  tx: 左右移动 ty: 上下移动

    transform = CATransform3DTranslate(transform, 50, 50, 0);
    cell.layer.transform = transform;
    [UIView animateWithDuration:0.5 animations:^{
        cell.layer.transform = CATransform3DIdentity;
    }];
}

 

效果三:

技术分享

 

效果四:

技术分享

 

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    CATransform3D transform = CATransform3DIdentity;
    transform = CATransform3DRotate(transform, M_PI_2, 0, 0, 1);
    transform = CATransform3DTranslate(transform, 0, 50, 0);
    transform = CATransform3DScale(transform, 0.0, 0.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;
    }];
}

 

效果五:

技术分享

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    CATransform3D transform = CATransform3DIdentity;
    // CA_EXTERN CATransform3D CATransform3DRotate (CATransform3D t, CGFloat angle, CGFloat x, CGFloat y, CGFloat z)
    transform = CATransform3DRotate(transform, M_PI_2, 0, 0, 1);//渐变
    // CA_EXTERN CATransform3D CATransform3DTranslate (CATransform3D t, CGFloat tx, CGFloat ty, CGFloat tz)  tx: 左右移动 ty: 上下移动
    transform = CATransform3DTranslate(transform, 200, 50, 0);//左边水平移动

    transform = CATransform3DScale(transform, -0.5, 0.5, 1); // sx sy 的任意一个为负

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

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

 

效果六:

技术分享

 

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    CATransform3D transform = CATransform3DIdentity;
    // CA_EXTERN CATransform3D CATransform3DRotate (CATransform3D t, CGFloat angle, CGFloat x, CGFloat y, CGFloat z)
    transform = CATransform3DRotate(transform, M_PI_2, 0.5, 0.0, 0);// 变化的角度
     // CA_EXTERN CATransform3D CATransform3DTranslate (CATransform3D t, CGFloat tx, CGFloat ty, CGFloat tz)  tx: 左右移动 ty: 上下移动
    transform = CATransform3DTranslate(transform, 0, 50, 0);

//  transform = CATransform3DScale(transform, 0.5, 0.0, 1); // sx sy 的任意一个为负
    transform = CATransform3DScale(transform, 0.5, 0.0, 1); // sx sy 的任意一个为负
    cell.layer.transform = transform;

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

 

效果七:

技术分享

 

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    CATransform3D transform = CATransform3DIdentity;
    // CA_EXTERN CATransform3D CATransform3DRotate (CATransform3D t, CGFloat angle, CGFloat x, CGFloat y, CGFloat z)
    transform = CATransform3DRotate(transform, M_PI_2, 0.5, 0.0, 0);// 变化的角度

    // CA_EXTERN CATransform3D CATransform3DTranslate (CATransform3D t, CGFloat tx, CGFloat ty, CGFloat tz)  tx: 左右移动 ty: 上下移动
    transform = CATransform3DTranslate(transform, 0, 50, 0);
    transform = CATransform3DScale(transform, 0.0, 0.5, 1); // sx sy 的任意一个为负

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

 

效果八:

技术分享

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    CATransform3D transform = CATransform3DIdentity;
    transform = CATransform3DRotate(transform, M_PI_2, 0.0, 0.5, 0);// 变化的角度  x = 0.5  y = 0.5
    transform = CATransform3DTranslate(transform, 0, 50, 0);
    transform = CATransform3DScale(transform, 0.5, 0.5, 1);

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

 

效果九:

技术分享

代码: 上面代码改变 Rotate
  • transform = CATransform3DRotate(transform, M_PI_2, 0.5, 0.0, 0);// 变化的角度  x = 0.5  y = 0.5

效果十: 
 技术分享
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    CATransform3D transform = CATransform3DIdentity;
    transform = CATransform3DRotate(transform, M_PI_2, 0.0, 0.0, 1);// 变化的角度  x = 0.5  y = 0.5
    transform = CATransform3DTranslate(transform, -200, 50, 0);
    transform = CATransform3DScale(transform, 0.5, 0.0, 1);

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

 

TableView使用CATransform3D特效动画

标签:

原文地址:http://www.cnblogs.com/10-19-92/p/5714425.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!