拋出問(wèn)題

在使用RxTableViewSectionedAnimatedDataSource配置數(shù)據(jù)tableView的數(shù)據(jù)源時(shí)，在對(duì)數(shù)組增加Item時(shí)會(huì)遇到 Duplicate item的error并導(dǎo)致程序崩潰。

Snip20200126_1.png

復(fù)現(xiàn)崩潰的示例代碼

import UIKit
import RxSwift
import RxCocoa
import RxDataSources

class ViewController: UIViewController {
    
    let bag = DisposeBag()
    
    @IBOutlet weak var addItem: UIBarButtonItem!
    @IBOutlet weak var tableView: UITableView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        let initialArray = [String]()
        tableView.register(UITableViewCell.self, forCellReuseIdentifier: "cell")
        let ob = self.addItem.rx.tap.map {"新增加一個(gè)Item"}
            .scan(initialArray) { (arr, item) -> [String] in
                var _arr = arr
                 _arr.append(item)
            return _arr
        }.map { (arr) -> [AnimatableSectionModel<String,String>] in
            return [AnimatableSectionModel.init(model: "", items: arr)]
        }
        let dataSource = RxTableViewSectionedAnimatedDataSource<AnimatableSectionModel<String,String>>.init(animationConfiguration: AnimationConfiguration.init(insertAnimation: .fade, reloadAnimation: .automatic, deleteAnimation: .automatic), configureCell: { (dataSource, tv, indexPath, ele) -> UITableViewCell in
            let cell = tv.dequeueReusableCell(withIdentifier: "cell")!
            cell.textLabel?.text = ele
            return cell
        })
        ob.bind(to: tableView.rx.items(dataSource: dataSource)).disposed(by: bag)
    }
}

以上代碼第二次點(diǎn)擊addItem后，發(fā)生上述崩潰。

問(wèn)題探索

百度了很多沒(méi)有答案，在github上找到了相關(guān)issue

Snip20200126_2.png

回答中提到了在tableView的dataSource中item不能有相同的id，熟悉tableview的iOSer都知道除了tableview的CellReuseIdentifier之外，就沒(méi)有涉及到和id相關(guān)的東西了，但是顯然CellReuseIdentifier和崩潰并沒(méi)有聯(lián)系。問(wèn)題到這里也就陷入了瓶頸。

我們將AnimatableSectionModel中的items用模型替代再來(lái)試試，我們定一個(gè)DemoModel，用模型驅(qū)動(dòng)tableViewCell的顯示，代碼如下

class DemoModel {
    var title:String
    init(_ title:String) {
        self.title = title
    }
}

這個(gè)時(shí)候問(wèn)題發(fā)生了，將自定義的Model作為數(shù)據(jù)源無(wú)法編譯通過(guò)

Snip20200126_3.png

編譯器提示我們這個(gè)自定義的Model必須遵循IdentifiableType協(xié)議
我們?cè)賮?lái)看看這個(gè)IdentifiableType協(xié)議中有什么

public protocol IdentifiableType {
    associatedtype Identity: Hashable

    var identity : Identity { get }
}

看到這里，相信大家心里都有答案了，回答中的id應(yīng)該是遵循了IdentifiableType協(xié)議的對(duì)象（結(jié)構(gòu)體）中的identity屬性。我們讓DemoModel遵循IdentifiableType協(xié)議，并實(shí)現(xiàn)identity這個(gè)計(jì)算屬性的get方法。

class DemoModel : IdentifiableType{
    var title:String
    var id:String = "" // 為每個(gè)DemoModel定義一個(gè)唯一標(biāo)識(shí)符
    var identity: String { return id } // IdentifiableType協(xié)議方法，返回一個(gè)唯一標(biāo)識(shí)符
    init(_ title:String,id:String) {
        self.title = title
        self.id = id
    }
}

遵循了協(xié)議后，依然報(bào)錯(cuò)，不過(guò)這次的報(bào)錯(cuò)是沒(méi)有遵守Equatable協(xié)議

Snip20200126_5.png

我們繼續(xù)讓DemoModel遵循Equaltalbe協(xié)議 并實(shí)現(xiàn) == 方法

class DemoModel : IdentifiableType,Equatable{
    var title:String
    var id:String = "" // 為每個(gè)DemoModel定義一個(gè)唯一標(biāo)識(shí)符
    var identity: String { return id } // IdentifiableType協(xié)議方法，返回一個(gè)唯一標(biāo)識(shí)符
    init(_ title:String,id:String) {
        self.title = title
        self.id = id
    }
    // 以id判斷兩個(gè)不同的DemoModel對(duì)象是否相等
    static func == (lhs: DemoModel, rhs: DemoModel) -> Bool {
        lhs.id == rhs.id
    }
}

問(wèn)題解決

編譯通過(guò)！捋一下思路 ：RxTableViewSectionedAnimatedDataSource中的items不允許有兩個(gè)相同的item，否則就會(huì)崩潰，那么RXSwift是如何判斷兩個(gè)item是否相同呢？它強(qiáng)制要求我們的item遵循IdentifiableType協(xié)議返回一個(gè)唯一標(biāo)識(shí)符,再?gòu)?qiáng)制我們遵循Equatable協(xié)議，通過(guò)比較兩個(gè)唯一標(biāo)識(shí)符是否相等來(lái)確定是否為同一個(gè)item。如果是，那就拋出異常，至于AnimatedDataSource中的items為什么不允許有重復(fù)的item，這就不得而知了，我猜測(cè)這與tableview的動(dòng)畫(huà)有關(guān)。

回頭再看一下崩潰的示例代碼，我們直接用String作為Items數(shù)組元素，是因?yàn)樘O(píng)果已經(jīng)讓String遵循了IdentifiableType、Equatable兩個(gè)協(xié)議，String的identity屬性返回的是String的本身，這意味著如果兩個(gè)String的內(nèi)容相等，那么RXSwift就會(huì)認(rèn)為這兩個(gè)item就相等并拋出異常，也就出現(xiàn)了文章開(kāi)頭的情況

正確代碼

import UIKit
import RxSwift
import RxCocoa
import RxDataSources

class DemoModel : IdentifiableType,Equatable{
    var title:String
    var id:String = "" // 為每個(gè)DemoModel定義一個(gè)唯一標(biāo)識(shí)符
    var identity: String { return id } // IdentifiableType協(xié)議方法，返回一個(gè)唯一標(biāo)識(shí)符
    init(_ title:String,id:String) {
        self.title = title
        self.id = id
    }
    // 以id判斷兩個(gè)不同的DemoModel對(duì)象是否相等
    static func == (lhs: DemoModel, rhs: DemoModel) -> Bool {
        lhs.id == rhs.id
    }
}

class ViewController: UIViewController {
    
    let bag = DisposeBag()
    
    @IBOutlet weak var addItem: UIBarButtonItem!
    @IBOutlet weak var tableView: UITableView!
    var incrementItemID = 0
    override func viewDidLoad() {
        super.viewDidLoad()
        let initialArray = [DemoModel]()
        tableView.register(UITableViewCell.self, forCellReuseIdentifier: "cell")
        
        let ob = self.addItem.rx.tap.map {DemoModel.init("新的Item",id: "\(self.incrementItemID)")}
            .scan(initialArray) { (arr, item) -> [DemoModel] in
                self.incrementItemID += 1
                var _arr = arr
                 _arr.append(item)
            return _arr
        }.map { (arr) -> [AnimatableSectionModel<String,DemoModel>] in
            return [AnimatableSectionModel.init(model: "", items: arr)]
        }
        let dataSource = RxTableViewSectionedAnimatedDataSource<AnimatableSectionModel<String,DemoModel>>.init(animationConfiguration: AnimationConfiguration.init(insertAnimation: .fade, reloadAnimation: .automatic, deleteAnimation: .automatic), configureCell: { (dataSource, tv, indexPath, ele) -> UITableViewCell in
            let cell = tv.dequeueReusableCell(withIdentifier: "cell")!
            cell.textLabel?.text = ele.title
            return cell
        })
        ob.bind(to: tableView.rx.items(dataSource: dataSource)).disposed(by: bag)
    }

}