RxSwift 實(shí)踐(四)其他控件

本文demo下載

UISegmentedControl

    segment.rx.selectedSegmentIndex.asObservable()
        .subscribe(onNext:{
            print("選擇了第\($0)個")
        })
        .disposed(by: disposeBag)
    

UIActivityIndicatorView

通過UISwict控制UIActivityIndicatorView是否旋轉(zhuǎn),也可以控制左上角網(wǎng)絡(luò)是否是否旋轉(zhuǎn)。

    switch1.rx.isOn
        .bind(to: activityView.rx.isAnimating)
        .disposed(by: disposeBag)
    
    switch1.rx.isOn
        .bind(to: UIApplication.shared.rx.isNetworkActivityIndicatorVisible)
        .disposed(by: disposeBag)

UISlider

    slider.rx.value.asObservable()
        .subscribe(onNext:{
            print("UISlider當(dāng)前的值:\($0)")
        })
        .disposed(by: disposeBag)

UIStepper

    steper.rx.value.asObservable()
        .subscribe(onNext:{
            print("UIStepper當(dāng)前的值:\($0)")
        })
        .disposed(by: disposeBag)

通過修改UIStepper的值來改變slider的值

    steper.rx.value.asObservable()
        .map({Float($0)})
        .bind(to: slider.rx.value)
        .disposed(by: disposeBag)

UIDatePicker

    datePicker.rx.date
        .map{ [weak self] in
            "選中的時間:"  + self!.dateFormater.string(from: $0)
        }
        .bind(to:label.rx.text)
        .disposed(by: disposeBag)

UIPickerView

導(dǎo)入RxDataSources使用起來更方便
單列的情況

    private let adapter1 = RxPickerViewStringAdapter<[String]>(
        components: [],
        numberOfComponents: { _,_,_  in 1 },
        numberOfRowsInComponent: { (_, _, items, _) -> Int in
            return items.count},
        titleForRow: { (_, _, items, row, _) -> String? in
            return items[row]}
    )
    
    Observable.just(["1","2","3"])
        .bind(to: pickerView.rx.items(adapter: adapter1))
        .disposed(by: disposeBag

多列的情況

    private let adapter2 = RxPickerViewStringAdapter<[[String]]>(
        components: [],
        numberOfComponents: { dataSource,pickerView,components  in components.count },
        numberOfRowsInComponent: { (_, _, components, component) -> Int in
            return components[component].count},
        titleForRow: { (_, _, components, row, component) -> String? in
            return components[component][row]}
    )
    
    Observable.just([["1","2","3"],["A","B","C"]])
        .bind(to: pickerView2.rx.items(adapter: adapter2))
        .disposed(by: disposeBag)

手勢

對UIGestureRecognizer增加了響應(yīng)方法,手勢使用方法都一致。

    //滑動手勢
    swipeGesture.rx.event
        .subscribe(onNext:{ [weak self] recognizer in
            let point = recognizer.location(in: recognizer.view)
            self?.showMessage(text: "上滑了",message: "x:\(point.x) y: \(point.y)")
        })
        .disposed(by: disposeBag)
    
    //點(diǎn)擊手勢
    tapGesture.rx.event
        .subscribe(onNext:{ [weak self] recognizer in
            let point = recognizer.location(in: recognizer.view)
            self?.showMessage(text: "點(diǎn)擊了",message: "x:\(point.x) y: \(point.y)")
        })
        .disposed(by: disposeBag)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • { 11、核心動畫 需要簽協(xié)議,但是系統(tǒng)幫簽好 一、CABasicAnimation 1、創(chuàng)建基礎(chǔ)動畫對象 CAB...
    CYC666閱讀 1,691評論 2 4
  • UIKit根據(jù)圖上的UI控件都大致簡單的寫一下希望對iOS開發(fā)感興趣的同學(xué)有幫助。想深入的同學(xué)可以查閱相關(guān)文檔中的...
    zysmoon閱讀 4,949評論 0 8
  • 1.UILabel 1) label.frame //CGRectMake(x, y, width, he...
    青春flame閱讀 740評論 0 2
  • 在開發(fā)過程中,大家或多或少的都會碰到令人頭疼的手勢沖突問題,正好前兩天碰到一個類似的bug,于是借著這個機(jī)會了解了...
    閆仕偉閱讀 5,662評論 2 23
  • 清湯寡水食淡飯, 粗糙布衣露骨寒。 忙碌匆急不講時, 夜半鐘聲仍未閑。
    勘破斷情絕愛閱讀 408評論 10 4

友情鏈接更多精彩內(nèi)容