swift - RxSwift 使用数据收集

Question

这是我第一次使用 rxSwift

我一直在尝试使用 rxswift 来观察数据收集并据此更新 View ，但我做错了

我做了一个计时器来向数据集合中添加一个项目，默认情况下从 1 个项目开始，但是 Collection View 似乎没有更新。

import Foundation
import UIKit
import MaterialComponents
import RxSwift
import RxCocoa

class MainFeedViewController : BaseViewController
{
    var loveData: [FeedDataModel] = []
    var collectionData : Observable<[FeedDataModel]>? = nil

    var collectionView : UICollectionView? = nil
    var cellId = "FeedCollectionViewCell"

    let disposeBag = DisposeBag()

    override func viewDidLoad() {
        super.viewDidLoad()

        loadDummyData()

        initCollectionView()

        self.view.addConstraint(NSLayoutConstraint(item: self.view, attribute: .height, relatedBy: .equal, toItem: collectionView, attribute: .height, multiplier: 1, constant: 0))
        self.view.addConstraint(NSLayoutConstraint(item: self.view, attribute: .width, relatedBy: .equal, toItem: collectionView, attribute: .width, multiplier: 1, constant: 0))

    }

    private func initCollectionView()
    {
        collectionView = UICollectionView(frame: CGRect.zero, collectionViewLayout: UICollectionViewFlowLayout.init())
        collectionView!.register(UINib(nibName: cellId, bundle: nil), forCellWithReuseIdentifier: cellId)
        collectionView!.delegate = self
    //collectionView!.dataSource = self
        collectionView!.backgroundColor = UIColor.groupTableViewBackground
        collectionView?.translatesAutoresizingMaskIntoConstraints = false

        collectionData!.bind(to: collectionView!.rx.items(cellIdentifier: cellId))
        {
            _, data, cell in
            let a = cell as! FeedCollectionViewCell
            a.imgMAIN.downloaded(link: (data.image?.absoluteString)! )
            a.lblTitle.text = data.title

        }.disposed(by: disposeBag)

        collectionView?.rx.modelSelected(FeedDataModel.self).subscribe {
            next in
            }.disposed(by: disposeBag)

        self.view.addSubview(collectionView!)
    }

    override func viewDidAppear(_ animated: Bool)
    {
//        DispatchQueue.main.async {
//            self.collectionView?.reloadData()
//        }

        Timer.scheduledTimer(timeInterval: 5, target: self, selector: #selector(addObj), userInfo: nil, repeats: true)
    }

    private func loadDummyData()
    {
        addObj()
        collectionData = Observable.just(loveData)
    }

    @objc func addObj()
    {
        let obj1 = FeedDataModel.init(image: "https://via.placeholder.com/150",title: "Placeholder")

        print("adding object")
        loveData.append(obj1)
    }

}

你能给我指出正确的方向吗？

谢谢

Answer 1

好的...

构造函数 Observable.just(loveData) 将创建一个 Observable，该 Observable 会发出一次数组然后完成。最后，您要做的是逐项列出所有会导致 Collection View 更改的输入，并将它们用作 collectionData Observable 的输入。

但是现在，为了让你的脚湿润，你可以只使用一个主题:

class MainFeedViewController : BaseViewController
{
    var loveData: [FeedDataModel] = []
    let collectionData = PublishSubject<[FeedDataModel]>()

// ...

collectionData.asObservable().bind(to: collectionView!.rx.items(cellIdentifier: cellId))

// ...

private func loadDummyData()
{
    addObj()
    collectionData.onNext(loveData)
}

@objc func addObj()
{
    let obj1 = FeedDataModel.init(image: "https://via.placeholder.com/150",title: "Placeholder")

    print("adding object")
    loveData.append(obj1)
    collectionData.onNext(loveData)
}

PublishSubject 类是最基本的主题类型。它同时充当 Observable 和 Observer。因此，您可以使用 onNext() 将值推送到其中，当您这样做时，它会将这些值发送给订阅或绑定(bind)到它的任何观察者。由于您的 Collection View 绑定(bind)到它，这意味着 Collection View 将在事件发出时接收它们。

但这仅仅是个开始!像这样使用 Subject 只是将命令式代码转换为 Rx 将您推向的声明式风格的一种方式。

为了充分利用该系统，您必须换一种思路。而不是想，“当用户做 X 时，应用程序应该做 Y”。你将不得不更多地按照“只要这些事情发生，这个输出就会改变”的思路来组织你的想法。

也许这很简单，“每当用户点击刷新按钮时， Collection View 应该根据网络请求进行更新。如果请求失败，则不要更新列表。”这看起来像:

refreshButton.rx.tap
    .flatMap {
        getRequestResponse()
            .catchError { _ in Observable.empty() }
    }
    .bind(to: collectionView!.rx.items(cellIdentifier: cellId, cellType: FeedCollectionViewCell.self))  { _, data, cell in
        cell.imgMAIN.downloaded(link: (data.image?.absoluteString)! )
        cell.lblTitle.text = data.title
    }
    .disposed(by: disposeBag)

或者您的代码似乎想要什么，“ Collection View 应该从一个条目开始，并且每 5 秒接收一个额外的条目。”这看起来像:

Observable<Int>.interval(5, scheduler: MainScheduler.instance)
    .scan(into: [FeedDataModel.init(image: "https://via.placeholder.com/150",title: "Placeholder")]) { current, _ in
        current.append(FeedDataModel.init(image: "https://via.placeholder.com/150",title: "Placeholder"))
    }
    .bind(to: collectionView!.rx.items(cellIdentifier: cellId, cellType: FeedCollectionViewCell.self))  { _, data, cell in
        cell.imgMAIN.downloaded(link: (data.image?.absoluteString)! )
        cell.lblTitle.text = data.title
    }
    .disposed(by: disposeBag)