UIDatepicker日期选择框的使用与日期键盘的定义

第一部分：日期选择框的简单使用

1.1 选择iPhone屏幕



1.2 拖进一个UIPickerView日期选择框



运行后发现全是英文显示 如下图所示：



1.3 打开storyboard对应的属性设置，设置Mode属性可以设置日期选择框的样式，设置Locale本地化属性设置可以设置它的语言为中文显示，如下图所示：



1.4 拖线添加组件属性，也可以手动设置日期选择框的样式，如下所示：





可以手动打印所有的本地化标示符



打印本地化标示符和手动代码设置本地化显示的代码如下：

//
//  ViewController.m
//  04.日期选择框与键盘处理
//
//  Created by 刘刘勋 on 16/1/3.
//  Copyright © 2016年 aaaaa. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIDatePicker *datePicker;

@end

@implementation ViewController

- (void)viewDidLoad {
[super viewDidLoad];

// 设置日期控制的本地化

// 打印所有的本地化标示符
NSLog(@"%@",[NSLocale availableLocaleIdentifiers]);
self.datePicker.locale = [[NSLocale alloc] initWithLocaleIdentifier:@"zh"];
}

- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}

@end

第二部分：设置日期选择器为输入框的弹出键盘，即弹出日期键盘。实现步骤具体如下：

2.1 首先拖进一个输入框



2.1 需要手动创建一个UIDatePicker组件来作为输入框的日期选择键盘。注意：必须是手动代码或XIB创建，否则的话如果使用拖进当前View的日期选择器作为输入框的键盘会提示父控制器错误。设置textField的输入键盘 需要设置它的inputView属性。截图如下：



2.2 涉及工具条UIToolbar，先做测试，一般往工具条内拖进Item时默认是从左往右排列的如下所示：



为了能改变Item的位置，需要使用弹簧组件进行布控。在搜索组件时搜索 UIbar 就会出现相关的弹簧组件，其中，Fixed Space Bar Button Item：表示定长弹簧，可以设置它的长度来拉开两个Item之间的间距；Flexible Space Bar Button Item 表示带有自动拉伸功能的弹簧，可以自动根据屏幕设置Item居左或具有。步骤如下：



加弹簧后的运行效果如下：



2.25 如果手动代码实现工具栏的以上布局，并将工具条作为键盘的辅助工具条，需要以下几个过程，注意以下几点：

定长/拉伸弹簧和事件Item的创建都属于UIBarButtonItem类型，事件Item的创建使用[[UIBarButtonItem alloc] initWithTitle:@"XXX" style:UIBarButtonItemStylePlain target: action] 方法。弹性弹簧的代码创建使用 [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace
target: action: ]方法，而定长弹簧的代码创建使用[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target: action: ]方法。 另外需要注意的是手动代码创建定长弹簧后需要设置弹簧的宽度 .width = 最后必不可少的一步就是需要将创建好的所有Item按顺序添加到工具条的items数组中。具体如下：



另外设置textField的辅助工具条的属性是inputAccessoryView。

2.3 新建一个继承于UIToolbar的类，使用XIB实现工具条



2.4 新建XIB对工具条进行描述



2.5 因为绑定的是继承于UIToolbar的自定义类，而XIB中是默认继承于View的，所以要将其删除重新拖进一个UIToolbar组件，如下所示：



2.6 往UIToolbar组件内拖进 相应的Item和弹簧，与上面相同，并与创建的自定义组件类进行绑定如下所示：



2.7 绑定后 即可拖线实现响应的Item事件。



2.8 因为单独抽取了出来，要想在控制器内响应Item的事件，需要使用代理进行通知。在自定义的类中添加协议，一般情况下，与自定义控件相关的协议中的方法参数都要包含此控件（以便在控制器中修改自定义控件的属性）和 内部的Item或Button（便于根据Tag值对不同的Item进行事件处理）



2.9 需要注意的是在为自定义控件设置遵循协议的代理属性（id类型）时，不要将代理名称和父类中的代理属性名重合，否则会造成混乱。如下所示：



判断代理属性是否实现了协议方法，避免出错：



剩余步骤如下：





运行结果如下：



工程如下：

自定义工具条 CZKeyboardToolbar.h

//
//  CZKeyboardToolbar.h
//  DatePicker(键盘)
//
//  Created by 刘刘勋 on 16/1/3.
//  Copyright © 2016年 aaaaa. All rights reserved.
//

#import <UIKit/UIKit.h>
@class CZKeyboardToolbar;
@protocol CZKeyboardToolbarDelegate <NSObject>

@optional
-(void)keyboardToolbar:(CZKeyboardToolbar *)toolbar btnSelected:(UIBarButtonItem *)item;

@end

@interface CZKeyboardToolbar : UIToolbar

+(instancetype)toolbar;

@property (weak, nonatomic) id <CZKeyboardToolbarDelegate> kbDelegate; // 键盘的代理

@end

CZKeyboardToolbar.m

//
//  CZKeyboardToolbar.m
//  DatePicker(键盘)
//
//  Created by 刘刘勋 on 16/1/3.
//  Copyright © 2016年 aaaaa. All rights reserved.
//

#import "CZKeyboardToolbar.h"

@interface CZKeyboardToolbar()

@end

@implementation CZKeyboardToolbar

+(instancetype)toolbar{
return [[[NSBundle mainBundle] loadNibNamed:@"CZKeyboardToolbar" owner:nil options:nil] lastObject];

}
- (IBAction)itemBtnClick:(id)sender {

// 判断代理方法有没有实现
if ([self.kbDelegate respondsToSelector:@selector(keyboardToolbar:btnSelected:)]) {
[self.kbDelegate keyboardToolbar:self btnSelected:sender];
}
}
@end

viewController.m

//
//  ViewController.m
//  DatePicker(键盘)
//
//  Created by 刘刘勋 on 16/1/3.
//  Copyright © 2016年 aaaaa. All rights reserved.
//

#import "ViewController.h"
#import "CZKeyboardToolbar.h"

@interface ViewController ()<CZKeyboardToolbarDelegate>

@property(nonatomic, strong)UIDatePicker *datepicker;
@property (weak, nonatomic) IBOutlet UITextField *textField;

@end

@implementation ViewController

- (void)viewDidLoad {
[super viewDidLoad];

// 创建一个datePicker
self.datepicker = [[UIDatePicker alloc] init];

// 本地化
self.datepicker.locale = [[NSLocale alloc] initWithLocaleIdentifier:@"zh"];

// 日期控件的格式
self.datepicker.datePickerMode = UIDatePickerModeDate;

// 设置textField的键盘
self.textField.inputView = self.datepicker;

CZKeyboardToolbar *toolbar = [CZKeyboardToolbar toolbar];
toolbar.kbDelegate = self;

// 设置textField的辅助工具条
self.textField.inputAccessoryView = toolbar;

}

#pragma mark- 自定义辅助工具条的代理方法
-(void)keyboardToolbar:(CZKeyboardToolbar *)toolbar btnSelected:(UIBarButtonItem *)item
{
NSLog(@"XXXXXX");

if (item.tag == 2) {
// 获取日期显示在textField
NSDate *date = self.datepicker.date;
NSLog(@"%@", date);

// 日期转字符串
NSDateFormatter *formatter = [[NSDateFormatter alloc] init];

// 设置日期格式
formatter.dateFormat = @"yyyy-MM-dd";

NSString *dateStr = [formatter stringFromDate:date];

self.textField.text = dateStr;

}

}

/*
代码创建的toolbar
*/
-(void)codeForToolbar{

// 代码创建UIToolbar
UIToolbar *toolbar = [[UIToolbar alloc] init];
toolbar.backgroundColor = [UIColor grayColor];

// 屏幕宽度
CGFloat screenW = [[UIScreen mainScreen] bounds].size.width;
toolbar.bounds = CGRectMake(0, 0, screenW, 44);

UIBarButtonItem *previousBtn = [[UIBarButtonItem alloc] initWithTitle:@"上一个" style:UIBarButtonItemStylePlain target:self action:nil];
UIBarButtonItem *nextBtn = [[UIBarButtonItem alloc] initWithTitle:@"下一个" style:UIBarButtonItemStylePlain target:self action:nil];
UIBarButtonItem *doneBtn = [[UIBarButtonItem alloc] initWithTitle:@"done" style:UIBarButtonItemStylePlain target:self action:nil];

// 固定长度的按钮——不可拉伸的弹簧
UIBarButtonItem *fixedItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:nil action:nil];

// 代码实现要设置宽度
fixedItem.width = 20;

// 可拉伸的弹簧组件
UIBarButtonItem *flexibleItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];

// 往UIToolbar里添加按钮
toolbar.items = @[previousBtn,fixedItem,nextBtn,flexibleItem,doneBtn];

}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}

@end