UIPickView简介

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!