1,选择框可以让用户以滑动的方式选择值。示例如下:
2,调整选择框的尺寸
UIPickerView用frame和center两个属性设置整个选择框的大小和位置。
如果要调整内部列的宽度,需要实现UIPickerViewDelegate协议类中pickerView:widthForComponent方法设置
如果要调整内部行高,则需要实习上述协议类中pickerView:rowHeightForComponent方法设置
3,将图片作为选择框选项
选择框选项的内容,除了可以使字符串类型的,还可以是任意UIView类型的元素。比如我们将选项内容设置为图片:
4,检测响应选项的选择状态
![](http://www.hangge.com/blog_uploads/201504/201504151452029961.png)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
import UIKit class ViewController : UIViewController , UIPickerViewDelegate , UIPickerViewDataSource { var pickerView: UIPickerView ! override func viewDidLoad() { super .viewDidLoad() pickerView= UIPickerView () //将dataSource设置成自己 pickerView.dataSource= self //将delegate设置成自己 pickerView.delegate= self //设置选择框的默认值 pickerView.selectRow(1,inComponent:0,animated: true ) pickerView.selectRow(2,inComponent:1,animated: true ) pickerView.selectRow(3,inComponent:2,animated: true ) self .view.addSubview(pickerView) //建立一个按钮,触摸按钮时获得选择框被选择的索引 var button= UIButton (frame: CGRectMake (0,0,100,30)) button.center= self .view.center button.backgroundColor= UIColor .blueColor() button.setTitle( "获取信息" ,forState:. Normal ) button.addTarget( self , action: "getPickerViewValue" , forControlEvents: UIControlEvents . TouchUpInside ) self .view.addSubview(button) } //设置选择框的列数为3列,继承于UIPickerViewDataSource协议 func numberOfComponentsInPickerView( pickerView: UIPickerView ) -> Int { return 3 } //设置选择框的行数为9行,继承于UIPickerViewDataSource协议 func pickerView(pickerView: UIPickerView ,numberOfRowsInComponent component: Int ) -> Int { return 9 } //设置选择框各选项的内容,继承于UIPickerViewDelegate协议 func pickerView(pickerView: UIPickerView !,titleForRow row: Int ,forComponent component: Int ) -> String !{ return String (row)+ "-" + String (component) } //触摸按钮时,获得被选中的索引 func getPickerViewValue(){ var alertView= UIAlertView (); alertView.title= "被选中的索引为" alertView.message= String (pickerView.selectedRowInComponent(0))+ "-" + String (pickerView!.selectedRowInComponent(1))+ "-" + String (pickerView.selectedRowInComponent(2)) alertView.addButtonWithTitle( "OK" ) alertView.show() } } |
UIPickerView用frame和center两个属性设置整个选择框的大小和位置。
如果要调整内部列的宽度,需要实现UIPickerViewDelegate协议类中pickerView:widthForComponent方法设置
如果要调整内部行高,则需要实习上述协议类中pickerView:rowHeightForComponent方法设置
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
//设置列宽 func pickerView(pickerView: UIPickerView !,widthForComponent component: Int ) -> CGFloat { if (00 == component){ //第一列变宽 return 100 } else { //第二、三列变窄 return 30 } } //设置行高 func pickerView(pickerView: UIPickerView !,rowHeightForComponent component: Int ) -> CGFloat { return 50 } |
选择框选项的内容,除了可以使字符串类型的,还可以是任意UIView类型的元素。比如我们将选项内容设置为图片:
1
2
3
4
5
6
7
|
func pickerView(pickerView: UIPickerView !,viewForRow row: Int ,forComponent component: Int , reusingView view: UIView !) -> UIView !{ var image = UIImage (named: "icon_" + String (row)) var imageView = UIImageView () imageView.image = image return imageView } |
1
2
3
4
5
|
func pickerView(pickerView: UIPickerView !,didSelectRow row: Int , inComponent component: Int ){ //将在滑动停止后触发,并打印出选中列和行索引 println (component) println (row) } |