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里面每行的高度 可以改,不要弄混淆了。