如何为从Tableview(rxswift)中删除单元格设置动画?

时间:2019-03-27 12:36:25

标签: ios swift uitableview rx-swift

当用户滑动单元格时,可以将其删除。但是,删除操作没有动画。

ViewController中的部分代码:

override func viewDidLoad() {
        super.viewDidLoad()

        guard let foodCategoryDetailViewModel = foodCategoryDetailViewModel else { return }

        tableView.delegate = nil
        tableView.dataSource = nil

        foodCategoryDetailViewModel.foodsInSelectedCategory
            .bind(to: tableView.rx.items(cellIdentifier: FoodCategoryDetailTableViewCell.cellIdentifier, cellType: FoodCategoryDetailTableViewCell.self))
            { row, food, cell in
                cell.foodCategoryDetailCellViewModel = foodCategoryDetailViewModel.cellViewModel(forRow: row)
            }.disposed(by: disposeBag)

        tableView.rx.itemDeleted.subscribe(onNext: { indexPath in
            foodCategoryDetailViewModel.removeFoodFromApplication(atRow: indexPath.row)
        }).disposed(by: disposeBag)
    }

ViewModel中的部分代码:

class FoodCategoryDetailTableViewViewModel: FoodCategoryDetailTableViewViewModelType {
    var foodsInSelectedCategory: BehaviorRelay<[Food]>

    func removeFoodFromApplication(atRow row: Int) {
        if let food = getFood(atRow: row) {
            foodsInSelectedCategory.remove(at: row)
            //remove from core data   
          CoreDataHelper.sharedInstance.removeFoodFromApplication(foodName: food.name!)
        }
    }

如何动画化tableView的删除过程?

1 个答案:

答案 0 :(得分:1)

为了使删除过程具有动画效果,您需要一个设计用于执行此操作的数据源。 RxSwift中的默认数据源不是。

最流行的RxDataSources库是RxDataSources,它引入了一个完整的多节系统来为表格和集合视图设置动画,但是如果您不想要复杂的东西,则可以轻松编写自己的东西。

以下是RxSwift的一个简单的动画数据源的示例,该数据源使用DifferenceKit计算必须打开/关闭哪些单元格的动画:(https://github.com/danielt1263/RxMultiCounter/blob/master/RxMultiCounter/RxExtensions/RxSimpleAnimatableDataSource.swift