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

最新推荐文章于 2025-12-11 01:54:21 发布

转载最新推荐文章于 2025-12-11 01:54:21 发布 · 73 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/LifeTechnologySupporter/p/9691146.html

文章标签：

#移动开发 #ui

本文详细介绍了iOS开发中的DatePicker和UIToolBar控件。DatePicker用于显示时间，可自定义显示语言和地区，设置时间模式及最小最大时间限制。UIToolBar则用于添加工具栏，可通过UIBarButtonItem添加按钮，并自定义样式和布局。文章提供了具体示例代码，展示如何在文本输入框中集成这两个控件。

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

一、Date Picker控件

1.简单介绍：

Date Picker显示时间的控件

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

如何改成中文的？

（1）查看当前系统是否为中文的，把模拟器改成是中文的

（2）属性，locale选择地区

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

时间可以自定义（custom）。

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

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

2.示例代码

//
// YYViewController.m
// datepicker
//
// Created by apple on 14-6-3.
// Copyright (c) 2014年 itcase. All rights reserved.
//

#import "YYViewController.h"

@interface YYViewController ()
/**
* 文本输入框
*/
@property (strong, nonatomic) IBOutlet UITextField *textfield;

@end

@implementation YYViewController

- (void)viewDidLoad
{
[super viewDidLoad];
//1
//添加一个时间选择器
UIDatePicker *date=[[UIDatePicker alloc]init];
/**
* 设置只显示中文
*/
[date setLocale:[NSLocale localeWithLocaleIdentifier:@"zh-CN"]];
/**
* 设置只显示日期
*/
date.datePickerMode=UIDatePickerModeDate;
// [self.view addSubview:date];

//当光标移动到文本框的时候，召唤时间选择器
self.textfield.inputView=date;

//2
//创建工具条
UIToolbar *toolbar=[[UIToolbar alloc]init];
//设置工具条的颜色
toolbar.barTintColor=[UIColor brownColor];
//设置工具条的frame
toolbar.frame=CGRectMake(0, 0, 320, 44);

//给工具条添加按钮
UIBarButtonItem *item0=[[UIBarButtonItem alloc]initWithTitle:@"上一个" style:UIBarButtonItemStylePlain target:self action:@selector(click) ];

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

UIBarButtonItem *item2=[[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
UIBarButtonItem *item3=[[UIBarButtonItem alloc]initWithTitle:@"完成" style:UIBarButtonItemStylePlain target:self action:@selector(click)];

toolbar.items = @[item0, item1, item2, item3];
//设置文本输入框键盘的辅助视图
self.textfield.inputAccessoryView=toolbar;
}
-(void)click
{
NSLog(@"toolbar");
}
@end