• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Swift-选择框(UIPickerView)的用法

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
1,选择框可以让用户以滑动的方式选择值。示例如下:
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()
    }
}

2,调整选择框的尺寸
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
}

3,将图片作为选择框选项
选择框选项的内容,除了可以使字符串类型的,还可以是任意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
}

4,检测响应选项的选择状态
1
2
3
4
5
func pickerView(pickerView: UIPickerView!,didSelectRow row: Int, inComponent component: Int){
    //将在滑动停止后触发,并打印出选中列和行索引
    println(component)
    println(row)
}

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
[Swift]LeetCode457.环形数组循环|CircularArrayLoop发布时间:2022-07-13
下一篇:
json转swift的工具发布时间:2022-07-13
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap