Question

任何想法，我如何实施 - Secret App设置列表单元格动画。

我正在尝试这个，但没有任何成功，因为它同时添加所有行。

[self.tableview reloadSections：sectionIndexSet withRowAnimation：UITableViewRowAnimationBottom];

如果我逐个插入行，则此动画无法从底部到顶部动画。

有任何建议我该怎么做？

Answer 1

尝试此实施：

//From UITableViewDelegate calls
- (void)tableView:(UITableView *)tableView
  willDisplayCell:(UITableViewCell *)cell
forRowAtIndexPath:(NSIndexPath *)indexPath{
    CGRect myRect = [tableView rectForRowAtIndexPath:indexPath];

    //instead of 568, choose the origin of your animation
    cell.frame = CGRectMake(cell.frame.origin.x,
                            cell.frame.origin.y + 568,
                            cell.frame.size.width,
                            cell.frame.size.height);

    [UIView animateWithDuration:0.5 delay:0.1*indexPath.row options:UIViewAnimationOptionCurveEaseInOut animations:^{
        //instead of -30, choose how much you want the cell to get "under" the cell above
        cell.frame = CGRectMake(myRect.origin.x,
                                myRect.origin.y - 30,
                                myRect.size.width,
                                myRect.size.height);

    } completion:^(BOOL finished){
        [UIView animateWithDuration:0.5 animations:^{
            cell.frame = myRect;
        }];

    }];
}

Answer 2

克劳迪奥答案的Swift-4版本

func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {


        let rect = tableView.rectForRow(at: indexPath)

        cell.frame = CGRect(x: cell.frame.origin.x,
                            y: cell.frame.origin.y + 568,
                            width: cell.frame.size.width,
                            height: cell.frame.size.height)

        UIView.animate(withDuration: 0.5, delay: 0.1*Double(indexPath.row), options: UIViewAnimationOptions.curveEaseInOut, animations: {
            cell.frame = CGRect(x: rect.origin.x,
                                y: rect.origin.y-30,
                                width: rect.width,
                                height: rect.height)
        }) { (completed) in
            UIView.animate(withDuration: 0.5, animations: {
                cell.frame = rect
            })
        }

    }

像Secret App一样的Uitableview Cell动画

2 个答案: