首页 > 学院 > 开发设计 > 正文

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

2019-11-14 19:44:23
字体:
来源:转载
供稿:网友
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)
 
 

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表