RxSwift 实践(四)其他控件

本文demo下载

UISegmentedControl

    segment.rx.selectedSegmentIndex.asObservable()
        .subscribe(onNext:{
            print("选择了第\($0)个")
        })
        .disposed(by: disposeBag)
    

UIActivityIndicatorView

通过UISwict控制UIActivityIndicatorView是否旋转,也可以控制左上角网络是否是否旋转。

    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当前的值:\($0)")
        })
        .disposed(by: disposeBag)

UIStepper

    steper.rx.value.asObservable()
        .subscribe(onNext:{
            print("UIStepper当前的值:\($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

导入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增加了响应方法,手势使用方法都一致。

    //滑动手势
    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)
    
    //点击手势
    tapGesture.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)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • { 11、核心动画 需要签协议,但是系统帮签好 一、CABasicAnimation 1、创建基础动画对象 CAB...
    CYC666阅读 1,591评论 2 4
  • UIKit根据图上的UI控件都大致简单的写一下希望对iOS开发感兴趣的同学有帮助。想深入的同学可以查阅相关文档中的...
    zysmoon阅读 4,725评论 0 8
  • 1.UILabel 1) label.frame //CGRectMake(x, y, width, he...
    青春flame阅读 670评论 0 2
  • 在开发过程中,大家或多或少的都会碰到令人头疼的手势冲突问题,正好前两天碰到一个类似的bug,于是借着这个机会了解了...
    闫仕伟阅读 5,440评论 2 23
  • 清汤寡水食淡饭, 粗糙布衣露骨寒。 忙碌匆急不讲时, 夜半钟声仍未闲。
    勘破断情绝爱阅读 371评论 10 4