RxSwift之UI控件UIGestureRecognizer扩展的使用

RxCocoa 同样对 UIGestureRecognizer 进行了扩展，并增加相关的响应方法。现在以滑动手势为例做具体说明，其它手势用法也是一样的。
当手指在界面上向上滑动时，弹出提示框，并显示出滑动起点的坐标，效果如下：

响应回调的示例一：

// 添加一个上滑手势
let swipe = UISwipeGestureRecognizer()
swipe.direction = .up
self.view.addGestureRecognizer(swipe)// 手势响应
swipe.rx.event.subscribe(onNext: { [weak self] recognizer in// 滑动的起点let point = recognizer.location(in: recognizer.view)self?.showAlert(title: "向上划动", message: "\(point.x) \(point.y)")}).disposed(by: disposeBag)// 显示消息提示框
func showAlert(title: String, message: String) {let alert = UIAlertController(title: title, message: message,preferredStyle: .alert)alert.addAction(UIAlertAction(title: "确定", style: .cancel))self.present(alert, animated: true)
}

响应回调的示例二：

// 添加一个上滑手势
let swipe = UISwipeGestureRecognizer()
swipe.direction = .up
self.view.addGestureRecognizer(swipe)// 手势响应
swipe.rx.event.bind { [weak self] recognizer inlet point = recognizer.location(in: recognizer.view)self?.showAlert(title: "向上划动", message: "\(point.x) \(point.y)")}.disposed(by: disposeBag)

RxSwift之UI控件UIGestureRecognizer扩展的使用相关推荐

RxSwift之UI控件UITableView扩展的使用
一.基本使用 ① 单分区的表格如下所示,单个分区的表格展示: 示例代码: import UIKit import RxSwift import RxCocoaclass ViewController ...
RxSwift之UI控件UICollectionView扩展的使用
一.基本用法 ① 单个分区的集合视图效果如下: 示例代码: // 定义布局方式以及单元格大小 let flowLayout = UICollectionViewFlowLayout() flowLa ...
RxSwift之UI控件UIPickerView扩展的使用
一.基本用法 ① 单列的情况基本用法示例代码: var pickerView : UIPickerView!// 最简单的pickerView适配器(显示普通文本) private let str ...
RxSwift之UI控件Label扩展的使用
一.将数据绑定到 text 属性上(普通文本) 当程序启动时就开始计时,同时将已过去的时间格式化后显示在 label 标签上: // 创建文本标签 let label = UILabel(frame: ...
RxSwift之UI控件UITextField与UITextView扩展的使用
一.监听单个 textField 内容的变化(textView 同理) 将 textField 里输入的内容实时地显示到控制台中,示例代码: // 创建文本输入框 let textField = UI ...
RxSwift之UI控件UISwitch与UISegmentedControl扩展的使用
一.UISwitch(开关按钮) 实现当 switch 开关状态改变时,输出当前值: 示例代码: switch1.rx.isOn.asObservable().subscribe(onNext: {p ...
RxSwift之UI控件UISlider与UIStepper扩展的使用
一.UISlider(滑块) 如下所示,当拖动滑块时,在控制台中实时输出 slider 当前值: 当前值为:0.308442 当前值为:0.349990 当前值为:0.400087 当前值为:0.45 ...
RxSwift之UI控件UIActivityIndicatorView与UIApplication扩展的使用
一.UIActivityIndicatorView(活动指示器) UIActivityIndicatorView 又叫状态指示器,它会通过一个旋转的"菊花"来表示当前的活动状态. ...
RxSwift之UI控件UIButton与UIBarButtonItem扩展的使用
一.点击事件响应如果想实现点击按钮后,弹出一个消息提示框: 示例代码: import UIKit import RxSwift import RxCocoaclass ViewController: ...

RxSwift之UI控件UIGestureRecognizer扩展的使用

RxSwift之UI控件UIGestureRecognizer扩展的使用相关推荐

最新文章

热门文章