繁体   English   中英

使用 RxSwift 的 UICollectionView 数据绑定 - iOS

[英]UICollectionView databinding using RxSwift - iOS

我有一个用数据模型填充的集合视图。 当用户点击 collectionview 单元格时,我试图更新嵌套模型的 bool 属性。 反过来,collectionview 应该重新加载,cell 应该更新为 bool 属性。 但是模型中的属性更改不会更新集合视图。

//模型

struct MultiSelectionQuestionModel {
  var header: String
  var items: [Item]
}

extension MultiSelectionQuestionModel: SectionModelType {
  typealias Item = MultiSelectionAnswerModel

   init(original: MultiSelectionQuestionModel, items: [Item]) {
        self = original
        self.items = items
  }
}

struct MultiSelectionAnswerModel {
    var text: String
    var isSelected: Bool = false //property to be updated
    var cellType: CellType = .CustomType
}

//集合视图方法

func populateCells() {
     let dataSource = RxCollectionViewSectionedReloadDataSource
                    <MultiSelectionQuestionModel>(
                configureCell: { (_, collectionView, indexPath, item) in
                    guard let cell = collectionView
                        .dequeueReusableCell(withReuseIdentifier: item.cellType.rawValue, for: indexPath) as? MultiSelectionBaseCell else {
                        return MultiSelectionBaseCell()
                    }
                    cell.configure(item: item)
                    return cell
                })

    //handle collectionview cell tap

    collectionView.rx.itemSelected.asObservable().map { (indexPath) -> Result in
        //This method is called to update `isSelected` property. Once `isSelected` is updated. I am expecting the collectionview to reload and update the cell.
        self.viewModel.toggleItemSelected(indexPath: indexPath)
    }
    collectionView.rx.setDelegate(self).disposed(by: disposeBag)

    viewModel.items
            .bind(to: collectionView.rx.items(dataSource: dataSource))
                  .disposed(by: disposeBag)
}

//视图模型

struct MultiSelectionCollectionViewModel {
    var items: BehaviorRelay<[MultiSelectionQuestionModel]> = BehaviorRelay(value: [])
    var delegate:
    init(questions: BehaviorRelay<[MultiSelectionQuestionModel]>) {
        self.items = questions
    }

    //This method is called to update `isSelected` property. Once `isSelected` is updated. I am expecting the collectionview to reload and update the cell.
    func toggleItemSelected(indexPath: IndexPath) {
        let item = self.items.value[indexPath.section]
        if let options = item.items as? [MultiSelectionAnswerModel] {
            var optionItem = options[indexPath.row]
            optionItem.isSelected = true // Collectionview reload Not working. 
        } 
    }
}

我刚开始学习 RxSwift。 任何帮助表示赞赏。 谢谢

您必须调用items.accept(_:)将新数组从 BehaviorRelay 中推出。 为此,您必须构建一个新数组。 此外,BehaviorRelays(任何中继或主题)永远不应该是var 他们应该总是let s。

另外,请记住,您实际上无法修改中继中的数组。 相反,您替换为一个新数组。

这应该有效:

struct MultiSelectionCollectionViewModel {
    let items: BehaviorRelay<[MultiSelectionQuestionModel]>

    init(questions: BehaviorRelay<[MultiSelectionQuestionModel]>) {
        self.items = questions
    }

    //This method is called to update `isSelected` property. Once `isSelected` is updated. I am expecting the collectionview to reload and update the cell.
    func toggleItemSelected(indexPath: IndexPath) {
        var multiSelectionQuestionModel = items.value // makes a copy of the array contained in `items`.
        var item = multiSelectionQuestionModel[indexPath.section].items[indexPath.row] // makes a copy of the item to be modified
        item.isSelected = true // modifies the item copy
        multiSelectionQuestionModel[indexPath.section].items[indexPath.row] = item // modifies the copy of items by replacing the old item with the new one
        items.accept(multiSelectionQuestionModel) // tells BehaviorRelay to update with the new array of items (it will emit the new array to all subscribers.)
    }
}

protocol SectionModelType { }

enum CellType {
    case CustomType
}

struct MultiSelectionQuestionModel {
    var header: String
    var items: [Item]
}

extension MultiSelectionQuestionModel: SectionModelType {
    typealias Item = MultiSelectionAnswerModel

    init(original: MultiSelectionQuestionModel, items: [Item]) {
        self = original
        self.items = items
    }
}

struct MultiSelectionAnswerModel {
    var text: String
    var isSelected: Bool = false //property to be updated
    var cellType: CellType = .CustomType
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM