iOS开发UI篇—Date Picker和UITool Bar控件简单介绍

简介:

一、Date Picker控件

1.简单介绍:

Date Picker显示时间的控件

有默认宽高,不用设置数据源和代理

如何改成中文的?

(1)查看当前系统是否为中文的,把模拟器改成是中文的

(2)属性,locale选择地区

如果默认显示不符合需求。时间有四种模式可以设置,在model中进行设置

时间可以自定义(custom)。

设置最小时间和最大时间,超过就会自动回到最小时间。

最大的用途在于自定义键盘:弹出一个日期选择器出来,示例代码如下:

2.示例代码

复制代码
 1 //  2 // YYViewController.m
 3 // datepicker
 4 //  5 // Created by apple on 14-6-3.
 6 // Copyright (c) 2014年 itcase. All rights reserved.
 7 //
 8  9 #import "YYViewController.h" 10 11 @interface YYViewController ()
12 /**
13  * 文本输入框
14 */ 15 @property (strong, nonatomic) IBOutlet UITextField *textfield;
16 17 @end 18 19 @implementation YYViewController
20 21 - (void)viewDidLoad
22 {
23  [super viewDidLoad];
24 //1
25 //添加一个时间选择器 26 UIDatePicker *date=[[UIDatePicker alloc]init];
27 /**
28  * 设置只显示中文
29 */ 30 [date setLocale:[NSLocale localeWithLocaleIdentifier:@"zh-CN"]];
31 /**
32  * 设置只显示日期
33 */ 34 date.datePickerMode=UIDatePickerModeDate;
35 // [self.view addSubview:date];
36 37 //当光标移动到文本框的时候,召唤时间选择器 38 self.textfield.inputView=date;
39 40 //2
41 //创建工具条 42 UIToolbar *toolbar=[[UIToolbar alloc]init];
43 //设置工具条的颜色 44 toolbar.barTintColor=[UIColor brownColor];
45 //设置工具条的frame 46 toolbar.frame=CGRectMake(0, 0, 320, 44);
47 48 //给工具条添加按钮 49 UIBarButtonItem *item0=[[UIBarButtonItem alloc]initWithTitle:@"上一个" style:UIBarButtonItemStylePlain target:self action:@selector(click) ];
50 51 UIBarButtonItem *item1=[[UIBarButtonItem alloc]initWithTitle:@"下一个" style:UIBarButtonItemStylePlain target:self action:@selector(click)];
52 53 UIBarButtonItem *item2=[[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
54 UIBarButtonItem *item3=[[UIBarButtonItem alloc]initWithTitle:@"完成" style:UIBarButtonItemStylePlain target:self action:@selector(click)];
55 56 toolbar.items = @[item0, item1, item2, item3];
57 //设置文本输入框键盘的辅助视图 58 self.textfield.inputAccessoryView=toolbar;
59 }
60 -(void)click
61 {
62 NSLog(@"toolbar");
63 }
64 @end
复制代码

实现效果:

二、UITool Bar

在上面可以添加子控件TOOLBAR中只能添加UIBarButtonItem子控件,其他子控件会被包装秤这种类型的

上面的控件依次排放(空格————)

有样式,可以指定样式(可拉伸的),一般用来做工具栏。

使用toolbar做点菜的头部标题

如何让点菜系统居中?在ios6中是正的,在ios7中是歪的

在自定义键盘上加上一个工具栏。

数组里什么顺序放的,就按照什么顺序显示

 toolbar.items = @[item0, item1, item2, item3];
 //设置文本输入框键盘的辅助视图
 self.textfield.inputAccessoryView=toolbar;
目录
相关文章
|
11天前
|
C# 开发者 Windows
基于Material Design风格开源、易用、强大的WPF UI控件库
基于Material Design风格开源、易用、强大的WPF UI控件库
|
16天前
|
前端开发 编解码 数据格式
浅谈响应式编程在企业级前端应用 UI 开发中的实践
浅谈响应式编程在企业级前端应用 UI 开发中的实践
17 0
浅谈响应式编程在企业级前端应用 UI 开发中的实践
|
27天前
|
API 数据安全/隐私保护 iOS开发
利用uni-app 开发的iOS app 发布到App Store全流程
利用uni-app 开发的iOS app 发布到App Store全流程
83 3
|
1月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
27 0
|
1月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
13 0
|
1月前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍
31 0
|
1月前
|
XML 前端开发 JavaScript
深入介绍 UI5 框架里 Smart Field 控件的工作原理
深入介绍 UI5 框架里 Smart Field 控件的工作原理
18 0
|
1月前
|
XML 开发框架 前端开发
浅谈 Angular 和 UI5 这两种前端框架里控件 ID 的设计思路差异
浅谈 Angular 和 UI5 这两种前端框架里控件 ID 的设计思路差异
13 0
|
2月前
|
开发框架 容器
SAP UI5 控件的 aggregation 的概念解析
SAP UI5 控件的 aggregation 的概念解析
36 0
|
2天前
|
API 定位技术 iOS开发
IOS开发基础知识:什么是 Cocoa Touch?它在 iOS 开发中的作用是什么?
【4月更文挑战第18天】**Cocoa Touch** 是iOS和Mac OS X应用的核心框架,包含面向对象库、运行时系统和触摸优化工具。它提供Mac验证的开发模式,强调触控接口和性能,涵盖3D图形、音频、网络及设备访问API,如相机和GPS。是构建高效iOS应用的基础,对开发者至关重要。
8 0

热门文章

最新文章