为tableView添加动画

最新推荐文章于 2024-06-06 09:48:22 发布

转载最新推荐文章于 2024-06-06 09:48:22 发布 · 179 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5a31d9a251882540f3638e70

本文介绍了两种在UITableView中实现cell展示动画的方法。第一种方法通过旋转动画实现cell的动态展开，第二种方法则通过阴影和透明度的变化营造出cell逐渐显现的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在cell将要展示的时候做一个动画,只需要把这段代码放在tablew的代理方法一起就OK了

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{
NSArray *array =  tableView.indexPathsForVisibleRows;
NSIndexPath *firstIndexPath = array[0];


//设置anchorPoint
cell.layer.anchorPoint = CGPointMake(0, 0.5);
//为了防止cell视图移动，重新把cell放回原来的位置
cell.layer.position = CGPointMake(0, cell.layer.position.y);


//设置cell 按照z轴旋转90度，注意是弧度
if (firstIndexPath.row < indexPath.row) {
    cell.layer.transform = CATransform3DMakeRotation(M_PI_2, 0, 0, 1.0);
}else{
    cell.layer.transform = CATransform3DMakeRotation(- M_PI_2, 0, 0, 1.0);
}


cell.alpha = 0.0;


[UIView animateWithDuration:1 animations:^{
    cell.layer.transform = CATransform3DIdentity;
    cell.alpha = 1.0;
}];
}
复制代码

这是另外一种动画效果

-(void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{
// 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];
}
复制代码