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

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.创建DatePicker
     UIDatePicker *datePicker = [[UIDatePicker alloc] init];
     // 2.设置模式
     [datePicker setDatePickerMode:UIDatePickerModeDate];
     // 3.设置locale
     [datePicker setLocale:[NSLocale localeWithLocaleIdentifier:@"zh_CN"]];
     // 4.设置textField的响应键盘为DatePicker
     [self.textField setInputView:datePicker];

 

 

3.UIToolBar

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

 

 

（2）Item的样式

 

有多种样式可以选择

 

 

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

能够自动填补Bar中的空隙

 

 

 

4.使用代码创建UIToolBar

     // 1.创建UIToolBar
     UIToolbar *toolBar = [[UIToolbar alloc] init];
 //    toolBar.backgroundColor = [UIColor grayColor];
 //    toolBar.tintColor = [UIColor blueColor];
     toolBar.barTintColor = [UIColor grayColor]; // 这个才是UIToolBar的背景色
     toolBar.frame = CGRectMake(, , , ); // 必须设置好size，UIToolBar才能显示，否则只能显示Item，且不能点击
     // 2.创建Item
     UIBarButtonItem *item1 = [[UIBarButtonItem alloc] initWithTitle:@"上一个" style:UIBarButtonItemStylePlain target:self action:@selector(previousClicked)];

     UIBarButtonItem *item2 = [[UIBarButtonItem alloc] initWithTitle:@"下一个" style:UIBarButtonItemStylePlain target:self action:@selector(nextClicked)];

     UIBarButtonItem *item3 = [[UIBarButtonItem alloc] initWithTitle:@"完成" style:UIBarButtonItemStylePlain target:self action:@selector(finishClicked)];

     // 间隙Item
     UIBarButtonItem *spaceItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:self action:nil];

     // 3.添加Item到UIToolBar
     toolBar.items = @[item1, item2, spaceItem, item3];

     // 4.添加UIToolBar到键盘上方，设置为textField的辅助视图
     self.textField.inputAccessoryView = toolBar;