UI进阶--UIDatePicker和UIToolBar控件

Date Picker：显示时间的控件有默认宽高，不用设置数据源和代理。

一些基本属性：

@property (nonatomic) UIDatePickerMode datePickerMode; // default is UIDatePickerModeDateAndTime。UIDatePicker的格式，默认是时间加日期的显示方式
@property (nonatomic, retain) NSLocale   *locale;   // default is [NSLocale currentLocale]. setting nil returns to default。本地化。
@property (nonatomic, copy)   NSCalendar *calendar; // default is [NSCalendar currentCalendar]. setting nil returns to default。日历。
@property (nonatomic, retain) NSTimeZone *timeZone; // default is nil. use current time zone or time zone from calendar。时区。
@property (nonatomic, retain) NSDate *date;        // default is current date when picker created. Ignored in countdown timer mode. for that mode, picker starts at 0:00。时间。
@property (nonatomic, retain) NSDate *minimumDate; // specify min/max date range. default is nil. When min > max, the values are ignored. Ignored in countdown timer mode。最小时间。
@property (nonatomic, retain) NSDate *maximumDate; // default is nil。最大时间。

UIToolBar，只能添加UIBarButtonItem子控件。用作间隔的Item样式Flexible Space Bar Button Item能够自动填补满Bar中的空隙,Fixed Space Bar Button Item只能填充固定的空隙。

自定义XIB的界面：

 

 

自定义一个键盘：当点击文本输入框时弹出一个日期选择器，示例代码如下：

自定义的UIToolBar:

//
//  JWKeyboardToolbar.h
//  DatePicker
//
//  Created by xiaomoge on 14/12/27.
//  Copyright (c) 2014年 xiaomoge. All rights reserved.
//

#import <UIKit/UIKit.h>

@class JWKeyboardToolbar;
@protocol JWKeyboardToolbarDelegate <NSObject>

@optional

/**
 *  item.tag  0 表示上一个按钮 1:下一个按钮 2:done完成按钮
 */
-(void)keyboardToolbar:(JWKeyboardToolbar *)toolbar btndidSelected:(UIBarButtonItem *)item;

@end

@interface JWKeyboardToolbar : UIToolbar

+(instancetype)toolbar;

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

@end

 

//
//  JWKeyboardToolbar.m
//  DatePicker
//
//  Created by xiaomoge on 14/12/27.
//  Copyright (c) 2014年 xiaomoge. All rights reserved.
//

#import "JWKeyboardToolbar.h"


@interface JWKeyboardToolbar()

@end

@implementation JWKeyboardToolbar

+(instancetype)toolbar{
    return [[[NSBundle mainBundle] loadNibNamed:@"JWKeyboardToolbar" owner:nil options:nil] lastObject];//JWKeyboardToolbar.xib为上面xib图
}

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

 

Controller:

//
//  ViewController.m
//  DatePicker
//
//  Created by xiaomoge on 14/12/26.
//  Copyright (c) 2014年 xiaomoge. All rights reserved.
//

#import "ViewController.h"
#import "JWKeyboardToolbar.h"

@interface ViewController ()<JWKeyboardToolbarDelegate>
@property (strong, nonatomic) UIDatePicker *datepicker;
@property (weak, nonatomic) IBOutlet UITextField *textField;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    //创建datapikcer
    self.datepicker = [[UIDatePicker alloc] init];
    //本地化
    self.datepicker.locale = [[NSLocale alloc] initWithLocaleIdentifier:@"zh"];
    //日期控件格式
    self.datepicker.datePickerMode = UIDatePickerModeDate;
    
    //设置textfield的键盘
    self.textField.inputView = self.datepicker;
    //创建一个UIToolBar
    JWKeyboardToolbar *toolbar = [JWKeyboardToolbar toolbar];
    //设置键盘的代理
    toolbar.kbDelegate = self;
    //设置textfield的辅助工具条
    self.textField.inputAccessoryView = toolbar;
}

#pragma mark 自定义键盘工具条的代理方法
-(void)keyboardToolbar:(CZKeyboardToolbar *)toolbar btndidSelected:(UIBarButtonItem *)item{
    if (item.tag == 2) {//Done按钮点击
        //获取日期显示在textField
        NSDate *date = self.datepicker.date; 
        //日期转字符串
        NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
        //设置日期格式
        dateFormatter.dateFormat = @"yyyyMMdd";
        NSString *dateStr =  [dateFormatter stringFromDate:date];
        self.textField.text = dateStr;
    }
}
@end

 

 

上面创建的UIToolBar是通过xib创建的，以下是通过纯代码创建：

-(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:nil action:nil];
    //下一个按钮
    UIBarButtonItem *nextBtn = [[UIBarButtonItem alloc] initWithTitle:@"下一个" style:UIBarButtonItemStylePlain target:nil action:nil];
    //done按钮
    UIBarButtonItem *doneBtn = [[UIBarButtonItem alloc] initWithTitle:@"Done" style:UIBarButtonItemStylePlain target:nil action:nil];
    
    //固定长度的按钮
    UIBarButtonItem *fixedBtn = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:nil action:nil];
    //代码实现要设置宽度
    fixedBtn.width = 10;

    //可拉伸的按钮
    UIBarButtonItem *flexible = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil]; 
    //添加UIToolbar里面的按钮
    toolbar.items = @[previousBtn,fixedBtn,nextBtn,flexible,doneBtn];
}