iOS实现TableView中Cell出现时弹出动画

Cloudox

发布于 2021-11-23 14:06:09

1.3K0

发布于 2021-11-23 14:06:09

文章被收录于专栏：月亮与二进制

发现一个简单的方式可以让TableView变得非常的炫酷，语言描述太苍白，直接看图吧：

在任何有cell先出现在屏幕上的时候都会有这么一个效果，非常的流畅，也非常有意思（忍不住不停地把玩。。）。实现起来也非常简单，iOS原生支持，几行代码就可以搞定，在众多的tableview代理方法中，我们利用下面这个方法：

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

这个方法是在cell即将显示时对indexpath位置的cell进行操作，我们就在这个方法里面加上动画代码，这个动画说白了就是把cell从一个小的变成正常大小，使用UIView简单动画就可以实现（关于UIView简单动画可以看我这篇博客：iOS基础动画教程）。代码如下：

//给cell添加动画
-(void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
    //设置Cell的动画效果为3D效果
    //设置x和y的初始值为0.1；
    cell.layer.transform = CATransform3DMakeScale(0.1, 0.1, 1);
    //x和y的最终值为1
    [UIView animateWithDuration:1 animations:^{
        cell.layer.transform = CATransform3DMakeScale(1, 1, 1);
    }];
}

在平常的tableview代码中加上这个方法就可以实现了，很简单吧，但是效果还是很棒的！可以点击查看我的示例工程

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2017/11/20 ，如有侵权请联系 cloudcommunity@tencent.com 删除

ios