点击上方“iOS开发”,选择“置顶公众号”

关键时刻,第一时间送达!

一行代码让你的TableView动起来-iOS动画

一行代码让你的TableView动起来-iOS动画


正文

一行代码让你的TableView动起来-iOS动画


效果展示



一行代码让你的TableView动起来-iOS动画

一行代码让你的TableView动起来-iOS动画

一行代码让你的TableView动起来-iOS动画


使用方法


TableViewAnimationKit调用各个动画的方法都为类方法,只需一行代码就可以调用。


eg:


[TableViewAnimationKit shakeAnimationWithTableView:tableView];


TableViewAnimationKit提供的动画类方法


+ (void)moveAnimationWithTableView:(UITableView *)tableView;

+ (void)alphaAnimationWithTableView:(UITableView *)tableView;

+ (void)fallAnimationWithTableView:(UITableView *)tableView;

+ (void)shakeAnimationWithTableView:(UITableView *)tableView;

+ (void)overTurnAnimationWithTableView:(UITableView *)tableView;

+ (void)toTopAnimationWithTableView:(UITableView *)tableView;

+ (void)springListAnimationWithTableView:(UITableView *)tableView;

+ (void)shrinkToTopAnimationWithTableView:(UITableView *)tableView;

+ (void)layDonwAnimationWithTableView:(UITableView *)tableView;

+ (void)roteAnimationWithTableView:(UITableView *)tableView;


源码讲解


先举其中一个动画效果为例子:


一行代码让你的TableView动起来-iOS动画


动画效果为Cell左右各自插入。


实现代码很简单如下:


+ (void)shakeAnimationWithTableView:(UITableView *)tableView {

    

    NSArray *cells = tableView.visibleCells;

    for (int i = 0; i < cells.count; i++) {

        UITableViewCell *cell = [cells objectAtIndex:i];

        if (i%2 == 0) {

            cell.transform = CGAffineTransformMakeTranslation(-XS_SCREEN_WIDTH,0);

        }else {

            cell.transform = CGAffineTransformMakeTranslation(XS_SCREEN_WIDTH,0);

        }

        [UIView animateWithDuration:0.4 delay:i*0.03 usingSpringWithDamping:0.75 initialSpringVelocity:1/0.75 options:0 animations:^{

            cell.transform = CGAffineTransformIdentity;

        } completion:^(BOOL finished) {

            

        }];

    }

}


主要思路为:


获得tableview的visibleCells数组,进行遍历,对每个执行动画,不同cell的执行时间、方向有所差异,一起构成整个动画。


其他一些动画效果


一行代码让你的TableView动起来-iOS动画

一行代码让你的TableView动起来-iOS动画

一行代码让你的TableView动起来-iOS动画

一行代码让你的TableView动起来-iOS动画

一行代码让你的TableView动起来-iOS动画


后语

一行代码让你的TableView动起来-iOS动画



源码: https://github.com/alanwangmodify/TableViewAnimationKit


一行代码让你的TableView动起来-iOS动画

  • 作者:alanwangmodify

  • 链接:http://www.jianshu.com/p/2dc3c9e0ca3e

  • 來源:简书

  • iOS开发整理发布,转载请联系作者授权

一行代码让你的TableView动起来-iOS动画

一行代码让你的TableView动起来-iOS动画【点击成为安卓大神】

相关文章:

  • 2022-03-04
  • 2021-10-11
  • 2022-12-23
  • 2021-05-20
  • 2021-12-06
  • 2021-12-21
猜你喜欢
  • 2021-11-13
  • 2021-11-27
  • 2022-12-23
  • 2021-05-15
  • 2021-09-01
  • 2021-11-07
相关资源
相似解决方案