IOS笔记045-UIDatePicker和UIPickerView

这是两种可以上下滚动的控件。

这是UIDatePicker，可以显示日期和时间。

这个是UIPickerView，显示类似几个选择项的界面。

注意点:PickerView的高度不能改,默认162,PickerView里面每行的高度可以改,不要弄混淆了。

做一个简单界面进行练习。单击生日输入框弹出自定义UIDatePicker，单击城市弹出自定义UIPickerView选择城市。

1、UIDatePicker使用

在点击过文本输入框后弹出日期选中键盘。需要给UITextField控件的inutView属性指定需要显示的界面。

这里显示的代码如下：

- (void)setBirthdayFieldKeyboard

{

UIDatePicker *datePicker = [[UIDatePicker alloc] init];

_datePicker = datePicker;

// 只显示时间

datePicker.datePickerMode = UIDatePickerModeDate;

// 显示中文

datePicker.locale = [NSLocalelocaleWithLocaleIdentifier:@"zh"];

// 监听值得改变

[datePicker addTarget:selfaction:@selector(datePickerValueChanged:) forControlEvents:UIControlEventValueChanged];

self.birthdayField.inputView = datePicker;

}

在程序加载时进行设定

- (void)viewDidLoad {

[superviewDidLoad];

[selfsetBirthdayFieldKeyboard];

}

然后对UITextField的一些属性进行设置，比如说不能输入日期，只能选择显示日期。可以在以下代理方法中实现

#pragma mark - textField代理方法

// 是否允许修改填充字符串

- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string

{

returnNO;

}

当然使用之前要指定代理并遵守协议。

然后再选择过时间后，同步更新到文本输入框中，这里需要监听控件的valueChanged的方法

[datePicker addTarget:self action:@selector(datePickerValueChanged:) forControlEvents:UIControlEventValueChanged];

响应方法

- (void)datePickerValueChanged:(UIDatePicker *)datePicker

{

NSDateFormatter *formatter = [[NSDateFormatteralloc] init];

// 格式化日期格式

formatter.dateFormat = @"yyyy-MM-dd";

NSString *date = [formatter stringFromDate:datePicker.date];

// 显示时间

self.birthdayField.text = date;

}

最后要设置以下UITextField控件的默认值，默认显示0行0列的值

在改变文本输入框状态时进行设置默认值。

// 是否允许开始编辑（代理方法）

- (void)textFieldDidBeginEditing:(UITextField *)textField

{

// 添加自定义窗口

[selfdatePickerValueChanged:self.datePicker];

}

2、UIPickerView使用

先将城市选择键盘添加到文本输入框

// 设置城市键盘

- (void)setCitiesFieldKeyboard

{

UIPickerView *picker = [[UIPickerViewalloc] init];

_cityPicker = picker;

picker.dataSource = self;

picker.delegate = self;

self.cityField.inputView = picker;

}

设置代理和数据源为控制器，实现响应的方法

#pragma mark UIPickerView 数据源

// 列数

- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView

{

return 2;

}

// 某一列行数

- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component

{

if (component == 0) // 省会

{

return self.provinces.count;

}

else // 其他城市

{

SLQProvince *pro = self.provinces[_proIndex];

return pro.cities.count;

}

代理方法

#pragma mark UIPickerView 代理

// 每行的标题

- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component

{

if (component == 0) // 省会

{

// 获取省会

SLQProvince *pro = self.provinces[row];

return pro.name;

}

else // 其他城市

{

SLQProvince *pro = self.provinces[_proIndex];

return pro.cities[row];

}

// 是否选中某行

- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component

{

// 滚动省会刷新城市

if(component == 0)

{

// 记录当前省会

_proIndex = [pickerView selectedRowInComponent:0];

[pickerView reloadComponent:1];

}

// 获取选中省会

SLQProvince *pro = self.provinces[_proIndex];

NSInteger cityIndex = [pickerView selectedRowInComponent:1];

NSString *cityName = pro.cities[cityIndex];

_cityField.text = [NSString stringWithFormat:@"%@-%@",pro.name,cityName];

}

然后在文本输入框的代理方法中添加默认显示对象

// 是否允许开始编辑

- (void)textFieldDidBeginEditing:(UITextField *)textField

{

if (textField == self.birthdayField)

{

// 添加自定义窗口

[selfdatePickerValueChanged:self.datePicker];

}

else

{

[selfpickerView:self.cityPickerdidSelectRow:0inComponent:0]; // 默认显示0行0列

}

效果

主要代码参考

 //

 //  ViewController.m

 //  KVC实现原理

 //

 //  Created by Christian on 15/6/9.

 //  Copyright (c) 2015年 slq. All rights reserved.

 //

 #import "ViewController.h"

 #import "SLQProvince.h"

 @interface ViewController () <UITextFieldDelegate,UIPickerViewDataSource,UIPickerViewDelegate>

 @property (nonatomic,weak) UIDatePicker *datePicker;

 @property (nonatomic, weak) UIPickerView *cityPicker;

 @property (nonatomic, strong) NSMutableArray *provinces;

 @property (nonatomic, assign) NSInteger proIndex;

 @end

 @implementation ViewController

 // 懒加载省会

 - (NSMutableArray *)provinces

 {

     if (_provinces == nil) {

         // 装所有的省会

         _provinces = [NSMutableArray array];

         // 加载plist文件

         NSString *filePath = [[NSBundle mainBundle] pathForResource:@"provinces.plist" ofType:nil];

         NSArray *arr = [NSArray arrayWithContentsOfFile:filePath];

         for (NSDictionary *dict in arr) {

             // 字典转模型

             SLQProvince *p = [SLQProvince provinceWithDict:dict];

             [_provinces addObject:p];

         }

     }

     return _provinces;

 }

 - (void)viewDidLoad {

     [super viewDidLoad];

     //

     self.birthdayField.delegate = self;

     self.cityField.delegate = self;

     //

     [self setBirthdayFieldKeyboard];

     [self setCitiesFieldKeyboard];

 }

 #pragma mark - textField代理方法

 // 是否允许修改填充字符串

 - (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string

 {

     return NO;

 }

 // 是否允许开始编辑

 - (void)textFieldDidBeginEditing:(UITextField *)textField

 {

     if (textField == self.birthdayField)

     {

         // 添加自定义窗口

         [self datePickerValueChanged:self.datePicker];

     }

     else

     {

         [self pickerView:self.cityPicker didSelectRow: inComponent:];

     }

 }

 #pragma mark - UIPickerView

 #pragma mark UIPickerView 数据源

 // 列数

 - (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView

 {

     return ;

 }

 // 某一列行数

 - (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component

 {

     if (component == )  // 省会

     {

         return self.provinces.count;

     }

     else  // 其他城市

     {

         SLQProvince *pro = self.provinces[_proIndex];

         return pro.cities.count;

     }

 }

 #pragma mark UIPickerView 代理

 // 每行的标题

 - (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component

 {

     if (component == )  // 省会

     {

         // 获取省会

         SLQProvince *pro = self.provinces[row];

         return pro.name;

     }

     else  // 其他城市

     {

         SLQProvince *pro = self.provinces[_proIndex];

         return pro.cities[row];

     }

 }

 // 是否选中某行

 - (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component

 {

     // 滚动省会刷新城市

     if(component == )

     {

         // 记录当前省会

         _proIndex = [pickerView selectedRowInComponent:];

         [pickerView reloadComponent:];

     }

     // 获取选中省会

     SLQProvince *pro = self.provinces[_proIndex];

     NSInteger cityIndex = [pickerView selectedRowInComponent:];

     NSString *cityName = pro.cities[cityIndex];

     _cityField.text = [NSString stringWithFormat:@"%@-%@",pro.name,cityName];

 }

 #pragma mark - 自定义方法

 // 设置城市键盘

 - (void)setCitiesFieldKeyboard

 {

     //

     UIPickerView *picker = [[UIPickerView alloc] init];

     _cityPicker = picker;

     picker.dataSource = self;

     picker.delegate = self;

     self.cityField.inputView = picker;

 }

 // 设置生日键盘

 - (void)setBirthdayFieldKeyboard

 {

     //

     UIDatePicker *datePicker = [[UIDatePicker alloc] init];

     _datePicker = datePicker;

     // 只显示时间

     datePicker.datePickerMode = UIDatePickerModeDate;

     // 显示中文

     datePicker.locale = [NSLocale localeWithLocaleIdentifier:@"zh"];

     // 监听值得改变

     [datePicker addTarget:self action:@selector(datePickerValueChanged:) forControlEvents:UIControlEventValueChanged];

     self.birthdayField.inputView = datePicker;

 }

 - (void)datePickerValueChanged:(UIDatePicker *)datePicker

 {

     NSDateFormatter *formatter = [[NSDateFormatter alloc] init];

     // 格式化日期格式

     formatter.dateFormat = @"yyyy-MM-dd";

     NSString *date = [formatter stringFromDate:datePicker.date];

     // 显示时间

     self.birthdayField.text = date;

 }

 @end

代码参考

注意点:PickerView的高度不能改,默认162,PickerView里面每行的高度可以改,不要弄混淆了。