36-Swift之UIPickerView

一、UIPickerView的使用和介绍

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

二、UIPickerView 的初始化

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

三、 UIPickerView的代理

/**
 设置两个代理
 */
NwPickerView.dataSource = self
NwPickerView.delegate = self

代理事件触发的函数

// 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 属性介绍

1、获取返回组的个数

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

2、获取指定组返回的列表个数

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

3、获取某一列表的大小

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

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

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

5、UIPickerView的数据更新

1>全部更新所有的组
/**
 更新所有组的数据
 */
NwPickerView.reloadAllComponents()
2>更新指定的组的数据
/**
 更新指定组的数据
 */
NwPickerView.reloadComponent(1)

6、指定选中某一组的某一行

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

7、获取指定组的哪一行被选中

/**
 获取指定组的哪一行被选中
 */
let NwSelecdRow = NwPickerView.selectedRow(inComponent: 1)
print(NwSelecdRow)

六、效果展示

1>默认效果

36-Swift之UIPickerView_第1张图片
Simulator Screen Shot 2017年6月23日 上午11.45.34.png

2>从新设置View的样式

36-Swift之UIPickerView_第2张图片
Simulator Screen Shot 2017年6月23日 下午12.01.38.png

你可能感兴趣的:(36-Swift之UIPickerView)