UI进阶之UIDatePicker键盘处理

一：常用属性

@property (nonatomic) UIDatePickerMode datePickerMode; // 日期选择模式，默认UIDatePickerModeDateAndTime

@property (nonatomic, retain) NSLocale *locale; // 语言环境，默认[NSLocale currentLocale]，nil使用默认值

@property (nonatomic, retain) NSDate *date;// 当前时间

二：自定义键盘及键盘上的UIToolbar

//自定义文本框弹出键盘

通过设置UITextField的inputView属性来修改当文本框获得焦点后，弹出什么控件。设置该属性的值为UIDatePicker控件。(动态创建一个UIDatePicker控件（无需设置高宽）)，这样就可以实现当文本框获得焦点后，自定义弹出键盘了。

 /** 参考代码:
     - (void)viewDidLoad {
         [super viewDidLoad];
     
         // 创建UIDatePicker对象
         UIDatePicker *datePicker = [[UIDatePicker alloc] init];
     
         // 设置语言区域
         datePicker.locale = [[NSLocale alloc] initWithLocaleIdentifier:@"zh-Hans"];
     
         // 设置显示模式
         datePicker.datePickerMode = UIDatePickerModeDateAndTime;
     
         // 设置文本框, 当输出的时候显示的键盘是日期选择控件
         self.txtDate.inputView = datePicker;
     }
     
     */

// 自定义键盘上的工具控件

设置文本框的inputAccessoryView属性。比如：txtField.inputAccessoryView = 某个UIView;

** 工具条的使用: UIToolbar, 演示设置工具条背景色、设置背景色透明。（barTintColor，从iOS7开始；backgroundColor继承自UIView, 从iOS2开始。）

 /** 设置键盘工具条的参考代码:
    
    - (void)viewDidLoad {
        [super viewDidLoad];
        // 创建UIDatePicker对象
        UIDatePicker *datePicker = [[UIDatePicker alloc] init];
    
        // 设置语言区域
        datePicker.locale = [[NSLocale alloc] initWithLocaleIdentifier:@"zh-Hans"];
    
        // 设置显示模式
        datePicker.datePickerMode = UIDatePickerModeDateAndTime;
    
        // 设置文本框, 当输出的时候显示的键盘是日期选择控件
        self.txtDate.inputView = datePicker;
        
        self.keyboardDatePicker = datePicker;
        
        // 为日期控件注册一个值改变事件
        [datePicker addTarget:self action:@selector(datepickerValueChanged) forControlEvents:UIControlEventValueChanged];
        
        // ====================== 设置文本框弹出键盘时的工具条 ======================
        // 1. 创建工具条
        UIToolbar *toolBar = [[UIToolbar alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 44)];
        
        // 2.向工具条中增加一些按钮(UIBarButtonItem)
        UIBarButtonItem *item1 = [[UIBarButtonItem alloc] initWithTitle:@"上一个" style:UIBarButtonItemStylePlain target:self action:@selector(previousClick:)];
        
        UIBarButtonItem *item2 = [[UIBarButtonItem alloc] initWithTitle:@"下一个" style:UIBarButtonItemStylePlain target:self action:@selector(nextClick:)];
        
        
        UIBarButtonItem *item3 = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
        
        UIBarButtonItem *item4 = [[UIBarButtonItem alloc] initWithTitle:@"完成" style:UIBarButtonItemStylePlain target:self action:@selector(doneClick:)];
        
        // 将按钮添加到toolBar中
        toolBar.items = @[item1, item2, item3, item4];
        
        
        // 设置工具条到文本框的inputAccessoryView属性
        self.txtDate.inputAccessoryView = toolBar;
        // ====================== 设置文本框弹出键盘时的工具条 ======================
    
    }
    
    
    */

设置UIDatePicker的datepickerMode、Locale
      * picker.locale = [[NSLocale alloc] initWithLocaleIdentifier:@"zh-Hans"];
                           
      * picker.datePickerMode = UIDatePickerModeDateAndTime;
                           
      ** 当日期选择控件选择的日期改变后, 将新的日期设置到文本框内。
         ** 思路：为日期选择控件注册ValueChanged事件, 当该事件被触发时获取日期, 并显示到文本框中。
                           
         ** 拖一个UIDatePicker到View中, 然后拖线到控制器, 查看Action中的事件（最常用的就是Value Changed事件）
                           
            /** 参考代码:
             [self.datePicker addTarget:self action:@selector(dpDateChanged) forControlEvents:UIControlEventValueChanged];
             
             - (void)dpDateChanged
             {
                 // 创建日期格式化器
                 NSDateFormatter *formatter = [[NSDateFormatter alloc] init];
                 // 设置日期格式
                 formatter.dateFormat = @"yyyy-MM-dd HH:mm:ss";
                 
                 // 格式化日期、
                 self.txtDate.text = [formatter stringFromDate:self.datePicker.date];
             
                 // 关闭键盘
                 [self.view endEditing:YES];
             }
         
         */

代码实例：

#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UITextField *textField;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    
    // 创建UIDatePicker对象
    UIDatePicker *date = [[UIDatePicker alloc] init];
    
    // 设置属性 本地化/日期格式
    date.locale = [[NSLocale alloc] initWithLocaleIdentifier:@"zh-Hans"];
    date.datePickerMode = UIDatePickerModeDate;
    date.backgroundColor = [UIColor lightGrayColor];
    
#warning
    // 监听UIDatePicker的valueChange事件，一般情况下继承自UIControl的控件的事件可以通过addTarget
    // 没有继承UIControl的控件通过代理或通知来监听事件
    [date addTarget:self action:@selector(valueChange:) forControlEvents:UIControlEventValueChanged];
    
    // textFiled设置日期键盘
    self.textField.inputView = date;
    
    // textFiled设置辅助键盘
    // 默认toolbar不设置frame是不会显示的
    UIToolbar *toolbar = [[UIToolbar alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 44)];
    // 给toolbar设置背景色，默认backgroundColor不行，因为backgroundColor属性是toolbar继承UIView的属性，如果要设置toolbar的背景色需要设置toolbar的barTintColor属性
    toolbar.barTintColor = [UIColor grayColor];
    
    // 在toolbar上添加barbuttonItem
    UIBarButtonItem *item1 = [[UIBarButtonItem alloc] initWithTitle:@"上一个"  style:UIBarButtonItemStylePlain target:nil action:nil];
    UIBarButtonItem *item2 = [[UIBarButtonItem alloc] initWithTitle:@"下一个"  style:UIBarButtonItemStylePlain target:nil action:nil];
    UIBarButtonItem *item3 = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
    UIBarButtonItem *item4 = [[UIBarButtonItem alloc] initWithTitle:@"完成"  style:UIBarButtonItemStylePlain target:self action:@selector(doneClick)];
    
    toolbar.items = @[item1, item2, item3, item4];
    self.textField.inputAccessoryView = toolbar;
}

#pragma mark - UIDatePicker的值改变
- (void)valueChange:(UIDatePicker *)date
{
    NSDateFormatter *formatter = [[NSDateFormatter alloc] init];
    formatter.dateFormat = @"yyyy-MM-dd";
    NSString *text = [formatter stringFromDate:date.date];
    
    self.textField.text = text;
}

- (void)doneClick
{
    [self.view endEditing:YES];
}

@end

效果：

posted @ 2014-12-05 21:54 _boy 阅读(615) 评论(0) 编辑收藏举报

刷新页面返回顶部

_boy

UI进阶之UIDatePicker键盘处理

公告