【RxSwift系列】RxSwift下基于MJRefresh實現下拉刷新,上拉加載(三)

之前寫過兩篇RxSwift在UITableView中使用的文章,一篇是RXSwift在UITableView中的基本使用,另一篇是Moya + RXSwift + HandyJSONUITableView中的使用,有興趣的朋友可以看一下這兩篇文章
【RxSwift系列】RXSwift在UITableView中使用(一) http://www.lxweimin.com/p/4d9447d5278a
【RxSwift系列】Moya + RXSwift + HandyJSON在UITableView中的使用(二)http://www.lxweimin.com/p/fe36da1267cd

今天主要講的是用RxSwift基于MJRefresh在UITableView中實現下拉刷新,上拉加載,首先創建一個枚舉,設置刷新的幾種狀態

enum RefreshStatus: Int {
    case InvalidData // 無效的數據
    case DropDownSuccess // 下拉成功
    case PullSuccessHasMoreData // 上拉,還有更多數據
    case PullSuccessNoMoreData // 上拉,沒有更多數據
}

在viewModel中可以添加一個與刷新有關的變量

class BaseViewModel: NSObject {
    let disposeBag = DisposeBag()    
    var refreshStatus = Variable(RefreshStatus.InvalidData)
    var loadData = PublishSubject<Int>()
    var dataSource = [SectionModel<String, BaseDataModel>]()         
    var result: Observable<[SectionModel<String, BaseDataModel>]>?  
    var page:Int = 1
}

refreshStatus是一個variable類型,它是一個泛型,它的.value屬性指向的就是它的實際參數類型。例子中,variable的實際參數類型是RefreshStatus,它是一個枚舉類型。variable類型的特點在于,只要改變value的值,就會發射改變后的數據,所以在viewModel里面改變refreshStatus的值,就可以響應刷新。

接下來在viewModel中實現請求的方法

    override init() {
        super.init()
        
        //待錄入請求
        result = loadData.flatMapLatest({ [weak self] (p) -> Observable<[SectionModel<String, BaseDataModel>]> in
            return provider.request(.list(pageNumber: p)).map({ (x) -> [SectionModel<String, BaseDataModel>] in

                guard let json = try? JSONSerialization.jsonObject(with: x.data, options: JSONSerialization.ReadingOptions(rawValue: 0)) as! [String: Any] else {
                    return [SectionModel(model: "", items: [])]
                }

                if let dic = json["data"] {
                    if p == 1 {
                        //處理返回的數據,給dataSource賦值
                        self?.refreshStatus.value = .DropDownSuccess
                    } else {
                        //處理返回的數據,給dataSource賦值
                        if array.count <= 0 {
                            self?.refreshStatus.value = .PullSuccessNoMoreData
                        } else {
                            self?.refreshStatus.value = .PullSuccessHasMoreData
                        }
                    }
                    return (self?.dataSource)!
                } else {
                    if p != 1 {
                        self?.page -= 1
                    }
                    self?.refreshStatus.value = .InvalidData
                }
                return [SectionModel(model: "", items: [])]
            }).catchErrorJustReturn([SectionModel(model: "", items: [])])
        })
    }
    
    //MARK: 下拉刷新
    func reloadData() {
        page = 1
        loadData.onNext(page)
    }
    
    //MARK: 上拉加載更多
    func loadMoreData() {
        page += 1
        loadData.onNext(page)
    }

然后在Controller中綁定數據請求

class BaseViewController: UIViewController {
    var identifier = "identifier"
    let disposeBag = DisposeBag()
    let dataSource = RxTableViewSectionedReloadDataSource<SectionModel<String,BaseDataModel>>()
    let viewModel = BaseViewModel()
    
    lazy var listTableView: UITableView = {
        let listTableView = UITableView(frame: CGRect.zero, style: .plain)
        listTableView.frame = CGRect(x: 0, y: 0, width: ScreenWidth, height: ScreenHeight)
        listTableView.separatorStyle = .none
        listTableView.rowHeight = 47
        return listTableView
    }()

    override func viewDidLoad() {
        super.viewDidLoad()        
        mainView.addSubview(listTableView)
        listTableView.register(BaseTableViewCell.self, forCellReuseIdentifier: identifier)

        listTableView.mj_header = MJRefreshStateHeader(refreshingBlock: {
            self.viewModel.reloadData()
        })
        listTableView.mj_footer = MJRefreshBackNormalFooter(refreshingBlock: {
            self.viewModel.loadMoreData()
        })
        
        dataSource.configureCell = {
            _, tableView, indexPath, model in
            let cell = tableView.dequeueReusableCell(withIdentifier: self.identifier, for: indexPath) as! BaseTableViewCell
            return cell
        }

        //數據綁定
        viewModel.result?
            .bind(to: listTableView.rx.items(dataSource: dataSource))
            .addDisposableTo(disposeBag)

        //改變刷新狀態
        viewModel.refreshStatus.asObservable().subscribe(onNext: { (status) in
            self.refreshStatus(status: status,tableView: self.listTableView)
        }).addDisposableTo(disposeBag)
       
        listTableView.mj_header.beginRefreshing()

        //cell點擊事件
        listTableView.rx.modelSelected(SystemMessgeDataModel.self).subscribe(onNext: { (model) in
        })
        .addDisposableTo(disposeBag)
    }
    
    /**
     設置刷新狀態
     */
    func refreshStatus(status:RefreshStatus,tableView: UITableView) {
        switch status {
        case .InvalidData: // 無效的數據
            tableView.mj_header.endRefreshing()
            tableView.mj_footer.endRefreshing()
            return
        case .DropDownSuccess: // 下拉成功
            tableView.mj_header.endRefreshing()
            tableView.mj_footer.resetNoMoreData()
        case .PullSuccessHasMoreData: // 上拉,還有更多數據
            tableView.mj_footer.endRefreshing()
        case .PullSuccessNoMoreData: // 上拉,沒有更多數據
            tableView.mj_footer.endRefreshingWithNoMoreData()
        }
        tableView.mj_header.endRefreshing()
    }

}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,885評論 6 541
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,312評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 177,993評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,667評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,410評論 6 411
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,778評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,775評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,955評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,521評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,266評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,468評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,998評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,696評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,095評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,385評論 1 294
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,193評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,431評論 2 378

推薦閱讀更多精彩內容