tableViewCell对象添加3D旋转动画

3D仿射变换动画类型同二维2D仿射变换动画一样有旋转平移缩放


CATransform3DMakeScale(0.5, 0.5, 1.0);  //x,y,z放大缩小倍数

CATransform3DMakeRotation(1.57, 1, 1, 0); //1.57表示所转角的弧度 = 90Pi/180 = 90*3.14/180

CATransform3DMakeTranslation(0, 0, 0); //位置移动


目的:在tableViewCell对象即将出现时添加动画效果,tableview代理方法如下:


//添加每个cell出现时的3D动画

(方法一)

-(void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{

//*************************************获取变换对象*******************

//Transform3D对应4阶矩阵

CATransform3D rotation;//定义3D旋转对象

rotation = CATransform3DMakeRotation( (90.0*M_PI)/180, 0.0, 0.7, 0.4);//3D旋转对象初始化//角度控制

//逆时针旋转

rotation.m34 = 1.0/ -600;//4阶矩阵的第3行第4列更改

//*************************************获取变换对象*******************

cell.layer.shadowColor = [[UIColor blackColor]CGColor];

cell.layer.shadowOffset = CGSizeMake(10, 10);

cell.alpha = 0;

cell.layer.transform = rotation;//*****关键点****

//启动旋转动画

[UIView beginAnimations:@"rotation" context:NULL];

//旋转时间

[UIView setAnimationDuration:0.8];

//恢复原状

cell.layer.transform = CATransform3DIdentity;

cell.alpha = 1;

cell.layer.shadowOffset = CGSizeMake(0, 0);

[UIView commitAnimations];

}


(方法二)

//添加每个cell出现时的3D动画

-(void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{

CATransform3D rotation;//定义3D旋转对象

rotation = CATransform3DMakeRotation( (90.0*M_PI)/180, 0.0, 0.7, 0.4);

rotation.m34 = 1.0/ -600;

cell.contentView.layer.transform = rotation;

cell.contentView.layer.anchorPoint=CGPointMake(0, 3);//旋转锚点

[UIView animateWithDuration:0.8 animations:^{//先启动前一个动画,待结束后再启动动画模块中的动画指令

cell.contentView.layer.transform =CATransform3DIdentity;

cell.alpha=1;

}];

}



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌。在这里你可以看...
    F麦子阅读 5,141评论 5 13
  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥ios动画全貌。在这里你可以看...
    每天刷两次牙阅读 8,551评论 6 30
  • Core Animation Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,...
    45b645c5912e阅读 3,049评论 0 21
  • 转载:http://www.jianshu.com/p/32fcadd12108 每个UIView有一个伙伴称为l...
    F麦子阅读 6,288评论 0 13
  • 社交,如其名,即社会交往,一种人与人之间的互动过程。 对于每个人,我们或多或少地与世界发生着联系,有些人胆怯,有些...
    dhrbdjkal阅读 560评论 2 3