一、基本用法

① 單列的情況

基本用法

• 示例代碼：

var pickerView : UIPickerView!// 最簡單的pickerView適配器（顯示普通文本） private let stringPickerAdapter = RxPickerViewStringAdapter<[String]>(components: [],numberOfComponents: { _,_,_ in 1 },numberOfRowsInComponent: { (_, _, items, _) -> Int inreturn items.count},titleForRow: { (_, _, items, row, _) -> String? inreturn items[row]} )// 創(chuàng)建pickerView pickerView = UIPickerView() pickerView.frame = CGRect.init(x: 0, y: 100, width: SCREEN_WIDTH, height: 150) self.view.addSubview(pickerView)// 綁定pickerView數(shù)據(jù) Observable.just(["One", "Two", "Tree"]).bind(to: pickerView.rx.items(adapter: stringPickerAdapter)).disposed(by: disposeBag)// 建立一個(gè)按鈕，觸摸按鈕時(shí)獲得選擇框被選擇的索引 let button = UIButton(frame:CGRect(x:0, y:0, width:SCREEN_WIDTH, height:50)) button.center = self.view.center button.backgroundColor = UIColor.purple button.setTitle("獲取信息",for:.normal) // 按鈕點(diǎn)擊響應(yīng) button.rx.tap.bind { [weak self] inself?.getPickerViewValue()}.disposed(by: disposeBag) self.view.addSubview(button)// 觸摸按鈕時(shí)，獲得被選中的索引 @objc func getPickerViewValue(){let message = String(pickerView.selectedRow(inComponent: 0))let alertController = UIAlertController(title: "被選中的索引為",message: message, preferredStyle: .alert)let okAction = UIAlertAction(title: "OK", style: .cancel, handler: nil)alertController.addAction(okAction)self.present(alertController, animated: true, completion: nil) }

② 多列的情況

• 示例代碼：

// 創(chuàng)建pickerView pickerView = UIPickerView() pickerView.frame = CGRect.init(x: 0, y: 100, width: SCREEN_WIDTH, height: 150) self.view.addSubview(pickerView)// 綁定pickerView數(shù)據(jù) Observable.just([["One", "Two", "Tree"],["A", "B", "C", "D"]]).bind(to: pickerView.rx.items(adapter: stringPickerAdapter)).disposed(by: disposeBag)// 建立一個(gè)按鈕，觸摸按鈕時(shí)獲得選擇框被選擇的索引 let button = UIButton(frame:CGRect(x:0, y:0, width:SCREEN_WIDTH, height:50)) button.center = self.view.center button.backgroundColor = UIColor.blue button.setTitle("獲取信息",for:.normal) // 按鈕點(diǎn)擊響應(yīng) button.rx.tap.bind { [weak self] inself?.getPickerViewValue()}.disposed(by: disposeBag) self.view.addSubview(button)// 觸摸按鈕時(shí)，獲得被選中的索引 @objc func getPickerViewValue(){let message = String(pickerView.selectedRow(inComponent: 0)) + "-"+ String(pickerView!.selectedRow(inComponent: 1))let alertController = UIAlertController(title: "被選中的索引為",message: message, preferredStyle: .alert)let okAction = UIAlertAction(title: "OK", style: .cancel, handler: nil)alertController.addAction(okAction)self.present(alertController, animated: true, completion: nil) }

二、修改默認(rèn)的樣式

• 如下所示，將選項(xiàng)的文字修改成橙色，同時(shí)在文字下方加上雙下劃線：

• 要實(shí)現(xiàn)這個(gè)效果，只需改用 RxPickerViewAttributedStringAdapter 這個(gè)可以設(shè)置文字屬性的適配器即可，示例如下：

var pickerView:UIPickerView!// 設(shè)置文字屬性的pickerView適配器 private let attrStringPickerAdapter = RxPickerViewAttributedStringAdapter<[String]>(components: [],numberOfComponents: { _,_,_ in 1 },numberOfRowsInComponent: { (_, _, items, _) -> Int inreturn items.count}){ (_, _, items, row, _) -> NSAttributedString? inreturn NSAttributedString(string: items[row],attributes: [NSAttributedString.Key.foregroundColor: UIColor.orange, // 橙色文字NSAttributedString.Key.underlineStyle:NSUnderlineStyle.double.rawValue, // 雙下劃線NSAttributedString.Key.textEffect:NSAttributedString.TextEffectStyle.letterpressStyle])}// 創(chuàng)建pickerView pickerView = UIPickerView() pickerView.frame = CGRect.init(x: 0, y: 100, width: SCREEN_WIDTH, height: 150) self.view.addSubview(pickerView)// 綁定pickerView數(shù)據(jù) Observable.just(["One", "Two", "Tree"]).bind(to: pickerView.rx.items(adapter: attrStringPickerAdapter)).disposed(by: disposeBag)

三、使用自定義視圖

• 將選項(xiàng)視圖改成單純顯示顏色色塊的 view，其顏色由傳入的值決定：

• 要實(shí)現(xiàn)這個(gè)效果，只需改用 RxPickerViewViewAdapter 這個(gè)可以返回自定義視圖的適配器即可。示例如下：

// 設(shè)置自定義視圖的pickerView適配器 private let viewPickerAdapter = RxPickerViewViewAdapter<[UIColor]>(components: [],numberOfComponents: { _,_,_ in 1 },numberOfRowsInComponent: { (_, _, items, _) -> Int inreturn items.count}){ (_, _, items, row, _, view) -> UIView inlet componentView = view ?? UIView()componentView.backgroundColor = items[row]return componentView}// 創(chuàng)建pickerView pickerView = UIPickerView() pickerView.frame = CGRect.init(x: 0, y: 100, width: SCREEN_WIDTH, height: 150) self.view.addSubview(pickerView)// 綁定pickerView數(shù)據(jù) Observable.just([UIColor.red, UIColor.orange, UIColor.yellow]).bind(to: pickerView.rx.items(adapter: viewPickerAdapter)).disposed(by: disposeBag)

總結(jié)

以上是生活随笔為你收集整理的RxSwift之UI控件UIPickerView扩展的使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。