如何在 RxDataSource 中反映新的部分到 UICollectionView？

Question

我正在使用 VIPER 架构构建一个带有 RxSwift 和 RxDataSource 的 iOS 应用程序。我想在演示者的值发生变化时更改 UICollectionView 的内容（当用户在搜索栏中输入一些字母时，collectionView 应该显示所有以字母开头的用户个人资料），但它不起作用我想要它。

通过尝试 debug() 函数，ViewController 中 presenter.section 的值（保存 CollectionView 的内容）在我在搜索栏中输入一些字母后发生了变化。但是，collectionView 没有反映出变化。这是代码的主要部分。

ViewController

代码

override func viewDidLoad() {

    super.viewDidLoad()
    self.view.backgroundColor = .white

    self.presenter.section
        .drive(self.searchedFriendsCollectionView.rx.items(dataSource: self.dataSource))
        .disposed(by: self.disposeBag)

    self.searchedFriendsCollectoinView.rx
        .setDelegate(self)
        .disposed(by: self.disposeBag)
}

演示者代码

init(view: SearchFriendsViewInterface, interactor: 
SearchFriendsInteractorInterface, wireframe: 
SearchFriendsWireframeInterface) {

    self.view = view
    self.interactor = interactor
    self.wireframe = wireframe

    let allUsers = self.interactor.allUsers().asObservable()

    self.view.searchText
        .debounce(0.5)
        .filterNil()
        .distinctUntilChanged()
        .filterEmpty()
        .asObservable()
        .flatMap { text -> Observable<[SearchFriendsSection]> in
            // get all users starting with "text"
            allUsers.mapSections(query: text)
        }
        .bind(to: self.section)
        .disposed(by: self.disposeBag)
} 

extension Observable where E == [User] {

fileprivate func mapSections(query: String) -> Observable<[SearchFriendsSection]> {

    return self.map {
            [=11=].filter { [=11=].userDisplayName.hasPrefix(query) || [=11=].username.hasPrefix(query) }
        }
        .map { users -> [SearchFriendsSection] in

            let items = users.map { user in
                SearchFriendsItem(icon: user.profileImageURL, displayName: user.userDisplayName)
            }
            return [SearchFriendsSection(items: items)]
        }
    }
}

我是怎么定义的dataSource

override init(nibName nibNameOrNil: String?, bundle nibBundleOrNil: Bundle?) {

    self.searchedFriendsCollectoinView = UICollectionView(frame: .init(), collectionViewLayout: self.searchedFriendsCollectionViewFlowLayout)
    let dataSource = RxCollectionViewSectionedReloadDataSource<SearchFriendsSection> (configureCell: {(_, collectionView, indexPath, item) -> UICollectionViewCell in
        collectionView.register(SearchFriendsCell.self, forCellWithReuseIdentifier: "SearchFriendsCell")
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "SearchFriendsCell", for: indexPath) as! SearchFriendsCell
        cell.item = item
        return cell
    })
    self.dataSource = dataSource
    super.init(nibName: nibNameOrNil, bundle: nibBundleOrNil)
}

ViewController有Presenter的实例，presenter有一个叫section的实例。 section 包含用户名以特定字母开头的用户列表。

你能帮帮我吗？如果我有任何不清楚的地方，请在评论中告诉我。

更新：debug()

的输出

2019-02-01 10:22:27.610: values -> subscribed
2019-02-01 10:22:27.611: values -> Event next([])
--after typed in some letters in the searchBar--
2019-02-01 10:22:41.494: values -> Event 
next([AppScreen.SearchFriendsSection(items: 
[AppScreen.SearchFriendsItem(....), 
AppScreen.SearchFriendsItem(....), 
AppScreen.SearchFriendsItem(....)])])

Answer 1

只是想知道您如何定义 self.interactor.allUsers() 和 allUsers.mapSections(query: text)

您是否调用 onNext() 通知观察者序列中有新元素。在映射部分或获取所有用户之后？

如果你真的要用flatMap。我认为你应该使用 flatMapLatest 而不是

参考：

更新：在这种情况下，您需要在 mapSections 中创建一个新的可观察对象，它总是生成 [SearchFriendsSection] 并将其发送给观察者

 return Observable.create { observer in
        let filteredSections = ...
        observer.on(.next(filteredSections))
        observer.on(.completed)
        return Disposables.create()
    }

Answer 2

我发现了你的问题。您从未将集合视图添加到主视图中。如果集合视图没有超级视图，或者它的大小为零，它不会自行加载。

将这两行放在你的 viewDidLoad 中：

searchedFriendsCollectionView.frame = view.bounds
view.addSubview(searchedFriendsCollectionView)

当你这样做时，你应该将这一行从你的配置闭包移动到 viewDidLoad:

searchedFriendsCollectionView.register(SearchFriendsCell.self, forCellWithReuseIdentifier: "SearchFriendsCell")

没有理由在每次系统请求单元格时调用它。

Answer 3

好的，最后我解决了这个问题，这与 Rxswift 没有直接关系。我是用 FlexLayout 布局的，在 CollectionViewCell 里面，我没有把代码放在下面。

override func layoutSubviews() {

    super.layoutSubviews()
    self.contentView.flex.layout()
}

没有此代码就无法更新视图，因为如果没有此代码，FlexLayout 不会执行布局。

如何在 RxDataSource 中反映新的部分到 UICollectionView？

How to reflect the new section to UICollectionView in RxDataSource?

uicollectionview

swift

rx-swift

viper-architecture

rxdatasources