RxSwift：删除 UITableView 中的行，而无需重新加载整个表-解网

问：

在不使用 RxSwift 时，我可以通过执行以下操作来实现这一点。它运行良好，在被删除的行上播放所需的动画，并且不会重新加载整个表：

let item = self.dataSource[(indexPath as NSIndexPath).row]
self.dataSource.remove(at: (indexPath as NSIndexPath).row)
tableView.deleteRows(at: [indexPath], with: .right)

使用 RxSwift，我通过这样做将数据绑定到 tableView，当我接受新数组时，它会重新加载整个表并且不会播放删除动画：

// ViewModel:
let items: BehaviorRelay<[Item]> = BehaviorRelay(value: [])

func removeItem(_ item: Item) {
    var loadedItems = items.value
    if let removeIndex = loadedItems.firstIndex(of: item) {
        loadedItems.remove(at: removeIndex)
    }
    items.accept(loadedItems)
}

//ViewController:
viewModel.items
    .bind(to: tableView.rx.items) { [weak self] (table, index, item) in
        // Creating cell for the `item`....
        return cell   
    }
    .disposed(by: self.disposeBag)

如何更新源以删除单个元素并确保删除动画正在桌面视图上播放？viewModel.item

iOS 版Swift UITableView RX-Cocoa

class Example: NSObject, RxTableViewDataSourceType, UITableViewDataSource {
    private var items = [Item]()

    func tableView(_ tableView: UITableView, observedEvent: RxSwift.Event<[Item]>) {
        switch observedEvent {
        case let .next(items):
            // figure out which items have been added and which have been removed.
            // animate the table view as usual.
            // then:
            self.items = items
        default:
            break
        }
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        items.count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        // build a cell as usual.
    }
}

您可以通过简单地绑定它来使用它，如下所示：

func example(source: Observable<[Item]>, tableView: UITableView, disposeBag: DisposeBag) {
    source
        .bind(to: tableView.rx.items(dataSource: Example()))
        .disposed(by: disposeBag)
}

您可以通过在可观察对象上发出一个新数组来添加/删除单元格。source

下面是使用 RxDataSources 的完整示例（如果选择使用它）：

typealias ItemSection = AnimatableSectionModel<String, Item>

func example(source: Observable<[ItemSection]>, tableView: UITableView, disposeBag: DisposeBag) {
    let dataSource = RxTableViewSectionedAnimatedDataSource<ItemSection>(
        animationConfiguration: AnimationConfiguration(deleteAnimation: .right), // since you specified right delete in your question
        configureCell: { dataSource, tableView, indexPath, item in
            let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) as! MyTableViewCell
            cell.configure(with: item)
            return cell
        }
    )

    source
        .bind(to: tableView.rx.items(dataSource: dataSource))
        .disposed(by: disposeBag)
}

struct Item: IdentifiableType, Equatable {
    let identity: Int
    let name: String
}

final class MyTableViewCell: UITableViewCell {
    func configure(with item: Item) {
        self.textLabel?.text = item.name
    }
}

注意：在这两种情况下，您都不需要存储数据源的属性，RxCocoa 库将为您处理。

RxSwift：删除 UITableView 中的行，而无需重新加载整个表

RxSwift: Remove a row in UITableView without reloading whole table

评论

评论