Swift UIPickerView 的基本使用

一、UIPickerView的使用和介绍

UIPickerView是一个选择器控件,它比UIDatePicker更加通用,它可以生成单列的选择器,也可生成多列的选择器,而且开发者完全可以自定义选择项的外观,因此用法非常灵活。UIPickerView直接继承了UIView,没有继承UIControl,因此,它不能像UIControl那样绑定事件处理方法,UIPickerView的事件处理由其委托对象完成。使用UIPickerView的对象应该遵守UIPickerViewDataSource,UIPickerViewDelegate。

二、UIPickerView 的初始化

let pickerView = UIPickerView.init(frame: CGRect.init(x: 100, y: 80, width: 200, height: 200))
/*
 设置两个代理
 */
pickerView.dataSource = self
pickerView.delegate = self
/*
 设置背景色
 */
pickerView.backgroundColor = UIColor.gray
/*
 是否显示默认选中的Row背景处于高亮的状态
 false : 为默认
 true  : 高亮状态
 */
pickerView.showsSelectionIndicator = true//(iOS13.0later被废弃)
/*
 渲染到视图上
 */
self.view.addSubview(pickerView)

三、 UIPickerView的代理

// MARK: 代理事件的实现
// TODO:这是返回每一Row的宽度
func pickerView(_ pickerView: UIPickerView, widthForComponent component: Int) -> CGFloat {
     return 200.0
}
//TODO: 设置每一个Row的高度
func pickerView(_ pickerView: UIPickerView, rowHeightForComponent component: Int) -> CGFloat {
    return 60.0
}

// TODO:这是选择哪一个Row,调用的函数
func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
    print("我选择了第"+"\(row)"+"行")
}

// TODO: 返回每一个Row的文本
func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
    return (SourceData.object(at: row) as! String)
}

// TODO: 可以设置哪一行显示特定的样式
func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {
    // 创建一个对象
    let specificView = UIView.init()
    specificView.frame = CGRect.init(x: 10, y: 5, width: 100, height: 60)
    specificView.backgroundColor = UIColor.magenta
    /**
     创建一个标题
     */
    let specificLable = UILabel.init(frame: CGRect.init(x: 5, y: 0, width: 90, height: 60))
    specificLable.text = (SourceData[row] as! String)
    specificLable.textColor = UIColor.white
    specificView.addSubview(specificLable)
    return specificView
}

// TODO : 设置每个Row的文本显示的样式参数
func pickerView(_ pickerView: UIPickerView, attributedTitleForRow row: Int, forComponent component: Int) -> NSAttributedString? {
    /**
     我们要第四行,显示红色,并18号字体
     */
    let attributedString = NSAttributedString.init(string:(SourceData[row] as! String), attributes: [NSFontAttributeName:UIFont.boldSystemFont(ofSize: 18),NSForegroundColorAttributeName:UIColor.red])
    return  attributedString
}

//MARK : UIPickerViewDataSource 的代理事件
// TODO: 返回列表的组数
func numberOfComponents(in pickerView: UIPickerView) -> Int {
    return 1
}
// TODO : 这是设置返回列表的个数
func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
    return SourceData.count
}

四、设置数据

func createDataSource() {
    SourceData = ["安其拉","白起","不知火舞","妲己","狄仁杰","典韦","韩信","老夫子","刘邦","刘禅","鲁班七号","墨子","孙膑","孙尚香","孙悟空","项羽","亚瑟","周瑜"]
}

五 、UIPickerView的一些get 属性介绍

/**
 `获取返回组的个数`
 */
let rowCount =pickerView.numberOfComponents
print(rowCount)

/**
 `设置指定组,返回的row的个数`
 */
pickerView.numberOfRows(inComponent: 1)

/**
 `获取某一组的大小`
 */
let componentSize =  pickerView.rowSize(forComponent: 1)
print(componentSize.width,componentSize.height)

4、获取指定组的指定列的View

/**
 获取指定组和指定列的View
 */
let NwComponentRowView = pickerView.view(forRow: 2, forComponent: 1)
NwComponentRowView?.backgroundColor = UIColor.brown

5、UIPickerView的数据更新

/**
` 更新所有组的数据`
 */
pickerView.reloadAllComponents()

/**
 `更新指定组的数据`
 */
pickerView.reloadComponent(1)

/**
 `指定选中某一组的某一行`
 */
pickerView.selectRow(3, inComponent: 1, animated: true)

/**
 `获取指定组的哪一行被选中`
 */
let NwSelecdRow = pickerView.selectedRow(inComponent: 1)
print(NwSelecdRow)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 195,898评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,401评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,058评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,539评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,382评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,319评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,706评论 3 386
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,370评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,664评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,715评论 2 312
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,476评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,326评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,730评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,003评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,275评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,683评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,877评论 2 335

推荐阅读更多精彩内容

  • UIPickerView也是一个选择器控件,它比UIDatePicker更加通用,它可以生成单列的选择器,也可生成...
    小蘑菇2阅读 3,548评论 3 5
  • 简介:UIPickerView 是一个选择器控件,它比 UIDatePicker 更加通用,它可以生成单列的选择器...
    rebeccaBull阅读 232评论 0 0
  • UIPickerView 属于UIView的子类 UIDataPicker时间类UIPickerView简介:U...
    闯先生的猫阅读 2,537评论 1 5
  • 好长时间没有写文章了,感觉自己都迷失了自我。从今天开始,脚踏实地的积累自己学习的经验。希望能对初学者有帮助。 摘要...
    火之夜工作室阅读 209评论 0 1
  • UIPickerView是一个选择器控件,它比UIDatePicker更加通用,它可以生成单列的选择器,也可生成多...
    诺馨阅读 548评论 0 3