首页 > 代码库 > [iOS基础控件 - 6.10.3] DatePicker & UIToolBar

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

A.需求
1. 学习DatePicker的基本配置
2.使用TextField召唤指定类型的输入键盘View,这里使用DatePicker
3.给输入键盘上方加上一个UIToolBar,实现如关闭键盘等功能
 
B.DatePicker使用
1.DatePicker的主要属性
Image(157)
 
Mode:显示的内容,可以选择日期、时间的自由组合
Locale:显示的语言样式
Interval:每个选项的时间间隔
Date:当前选择的时间
Constraint:指定最小和最大时间
Timer:计时器
 
2.使用代码创建DatePicker
(1)拖入一个TextField
Image(158)
 
 
(2)创建DatePicker,并且指定TextField的输入视图就是创建的DatePicker
1     // 1.创建DatePicker2     UIDatePicker *datePicker = [[UIDatePicker alloc] init];3     // 2.设置模式4     [datePicker setDatePickerMode:UIDatePickerModeDate];5     // 3.设置locale6     [datePicker setLocale:[NSLocale localeWithLocaleIdentifier:@"zh_CN"]];7     // 4.设置textField的响应键盘为DatePicker8     [self.textField setInputView:datePicker];
 
Image(159)
 
3.UIToolBar
(1)UIToolBar的子级元素只能是Bar Button Item,可以在Item内再放置其他元素
Image(160)
 
 
(2)Item的样式
8BE99460-6501-427C-BC22-5230EA388A30
 
有多种样式可以选择
Image(161)
 
 
(3)用作间隔的Item样式Flexible Space
能够自动填补Bar中的空隙
Image(162)
 
Image(163)
 
 
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     // 间隙Item15     UIBarButtonItem *spaceItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:self action:nil];16    17     // 3.添加Item到UIToolBar18     toolBar.items = @[item1, item2, spaceItem, item3];19    20     // 4.添加UIToolBar到键盘上方,设置为textField的辅助视图21     self.textField.inputAccessoryView = toolBar;
 
 
Image(164)
 
 

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