[iOS基础控件 - 6.10.3] DatePicker & UIToolBar

浏览数：32 / 时间：2015年06月11日

A.需求

1. 学习DatePicker的基本配置

2.使用TextField召唤指定类型的输入键盘View，这里使用DatePicker

3.给输入键盘上方加上一个UIToolBar，实现如关闭键盘等功能

B.DatePicker使用

1.DatePicker的主要属性

Mode：显示的内容，可以选择日期、时间的自由组合

Locale：显示的语言样式

Interval：每个选项的时间间隔

Date：当前选择的时间

Constraint：指定最小和最大时间

Timer：计时器

2.使用代码创建DatePicker

（1）拖入一个TextField

（2）创建DatePicker，并且指定TextField的输入视图就是创建的DatePicker

1     // 1.创建DatePicker
2     UIDatePicker *datePicker = [[UIDatePicker alloc] init];
3     // 2.设置模式
4     [datePicker setDatePickerMode:UIDatePickerModeDate];
5     // 3.设置locale
6     [datePicker setLocale:[NSLocale localeWithLocaleIdentifier:@"zh_CN"]];
7     // 4.设置textField的响应键盘为DatePicker
8     [self.textField setInputView:datePicker];

3.UIToolBar

（1）UIToolBar的子级元素只能是Bar Button Item，可以在Item内再放置其他元素

（2）Item的样式

有多种样式可以选择

（3）用作间隔的Item样式Flexible Space

能够自动填补Bar中的空隙

4.使用代码创建UIToolBar

 1     // 1.创建UIToolBar
 2     UIToolbar *toolBar = [[UIToolbar alloc] init];
 3 //    toolBar.backgroundColor = [UIColor grayColor];
 4 //    toolBar.tintColor = [UIColor blueColor];
 5     toolBar.barTintColor = [UIColor grayColor]; // 这个才是UIToolBar的背景色
 6     toolBar.frame = CGRectMake(0, 0, 320, 44); // 必须设置好size，UIToolBar才能显示，否则只能显示Item，且不能点击
 7     // 2.创建Item
 8     UIBarButtonItem *item1 = [[UIBarButtonItem alloc] initWithTitle:@"上一个" style:UIBarButtonItemStylePlain target:self action:@selector(previousClicked)];
 9    
10     UIBarButtonItem *item2 = [[UIBarButtonItem alloc] initWithTitle:@"下一个" style:UIBarButtonItemStylePlain target:self action:@selector(nextClicked)];
11    
12     UIBarButtonItem *item3 = [[UIBarButtonItem alloc] initWithTitle:@"完成" style:UIBarButtonItemStylePlain target:self action:@selector(finishClicked)];
13    
14     // 间隙Item
15     UIBarButtonItem *spaceItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:self action:nil];
16    
17     // 3.添加Item到UIToolBar
18     toolBar.items = @[item1, item2, spaceItem, item3];
19    
20     // 4.添加UIToolBar到键盘上方，设置为textField的辅助视图
21     self.textField.inputAccessoryView = toolBar;