UIPickView
1. 效果图:
我们今天要做的就是这样的一个效果
而这个控件一般是用在用户填写个人信息(生日, 所属地)等等
其实这个控件和我们的UITableView差不多
也是需要设置数据源, 代理
2. 步骤:
2.1. 拖控件
2.2. 连线, 写代码
在此之前, 我们先介绍一下, 这个UIPlickView的数据源方法, 以及代理方法 :
2.3遵守协议
<UIPickerViewDataSource,UIPickerViewDelegate>
2.4拖线, 设置数据源, 代理:
//1.设置数据源
pickView.dataSource = self
//2.设置代理
pickView.delegate = self
2.5数据源方法:
//总共有多少列
func numberOfComponentsInPickerView(pickerView: UIPickerView) -> Int {
return 1
}
//每一组总共多少行
func pickerView(pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
return 10
}
//第一行展示什么内容
func pickerView(pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
return "gj"
}
2.6代理方法
// 每一列的高度
func pickerView(pickerView: UIPickerView, rowHeightForComponent component: Int) -> CGFloat {
return 35
}
// 每一列的宽度
func pickerView(pickerView: UIPickerView, widthForComponent component: Int) -> CGFloat {
return 34
}
// 第Componet行展示的哪一个控件
func pickerView(pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusingView view: UIView?) -> UIView {
<#code#>
}
// 选中当前那一行
func pickerView(pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
<#code#>
}
// 第Component的列每一行展示什么标题
func pickerView(pickerView: UIPickerView, attributedTitleForRow row: Int, forComponent component: Int) -> NSAttributedString? {
<#code#>
}
}
当然 , 上面的所有的方法我不可能都使用
所以下面就是我们做好上面的那个界面就可以了
首先,依旧是plist文件
private lazy var foodList:[[String]] = {
let filePath = NSBundle.mainBundle().pathForResource("foods.plist", ofType: nil)
return NSArray(contentsOfFile: filePath!) as! [[String]]
}()
其次, 实现数据源方法
//总共有多少列
func numberOfComponentsInPickerView(pickerView: UIPickerView) -> Int {
return foodList.count
}
//每一列有多少行
func pickerView(pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
let array = foodList[component]
return array.count
}
//第一行展会什么内容
func pickerView(pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
let array = foodList[component]
return array[row]
}
func pickerView(pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
chooseFooldLabel.text = foodList[component][row]
}
2.7 结束
注意的是我们这个控制器有三个属性:
@IBOutlet weak var chooseFooldLabel: UILabel!
@IBOutlet weak var pickView: UIPickerView!