UIDatePicker控件

UIDatePicker繼承關系如下：

　　UIDatePicker-->UIControl-->UIView-->UIResponder-->NSObject

 

---

 

1、創建UIDatePicker

創建一個UIDatePicker控件並顯示出來來看看這玩意長什么模樣，代碼：

    UIDatePicker *datePicker = [[UIDatePicker alloc] initWithFrame:CGRectMake(0, 0, 320, 200)];//創建一個UIDatePicker對象
    [self.view addSubview:datePicker];//添加到當前的視圖中顯示出來

樣子如下：

2、配置UIDatePicker

2.1 UIDatePicker國際化

我們看見默認的UIDatePicker是英文的，這讓我很不爽，用下面這個方法讓它變成中文

@property(nonatomic, retain) NSLocale *locale

 

 下面趕緊用這個方法給UIDatePicker對象設置上讓它變成中文，英文看着實在不爽：

    UIDatePicker *datePicker = [[UIDatePicker alloc] initWithFrame:CGRectMake(0, 0, 320, 200)];//創建一個UIDatePicker對象
    NSLocale *chineseLocale = [NSLocale localeWithLocaleIdentifier:@"zh_cn"]; //創建一個中文的地區對象
    [datePicker setLocale:chineseLocale]; //將這個地區對象給UIDatePicker設置上
    [self.view addSubview:datePicker];//添加到當前的視圖中顯示出來

 

設置好了，來看看效果吧

恩，現在UIDatePicker變成中文了，但是有個問題，不管這個IOS系統是什么語言，它總是顯示成中文，不利於國際化，下面我們修改代碼實現UIDatePicker的國際化

    UIDatePicker *datePicker = [[UIDatePicker alloc] initWithFrame:CGRectMake(0, 0, 320, 200)];//創建一個UIDatePicker對象
    NSLocale *currentLocale = [NSLocale currentLocale]; //取得當前IOS用戶所設置的地區信息
    [datePicker setLocale:currentLocale]; //給UIDatePicker對象設置地區信息
    [self.view addSubview:datePicker];//添加到當前的視圖中顯示出來

 

使用以上代碼后有可能程序顯示的效果還是英文的，這需要設置你的IPhone的International信息才可以。

 

如上圖我設置的是語言為英文，下面的地區格式設置為中國，日歷為公歷（吐槽蘋果都IOS7了，中國農歷還是沒實現，連小日本的日歷都有，這是什么意思），我的程序顯示效果如下：

 2.2 UIDatePicker顯示模式

 用於配置UIDatePicker顯示模式的方法如下

@property(nonatomic) UIDatePickerMode datePickerMode

 

 該方法用於配置UIDatePicker是只顯示日期選擇、時間選擇、或者既有日期又有時間選擇（默認就是這種），還是顯示為一個倒計時器。

UIDatePickerMode是個枚舉分別對應那四種方法的值。定義如下：

typedef enum {
    UIDatePickerModeTime, //只有時間選擇的模式
    UIDatePickerModeDate, //只有日期選擇的模式
    UIDatePickerModeDateAndTime, //既有時間又有日期的選擇模式（默認這種）
    UIDatePickerModeCountDownTimer //倒計時器模式
} UIDatePickerMode;

 

由於上面三種模式都是默認模式的變體，比較好理解，下面只實現一下倒計時器，看看啥子模樣，

    UIDatePicker *datePicker = [[UIDatePicker alloc] initWithFrame:CGRectMake(0, 0, 320, 200)];//創建一個UIDatePicker對象
    [datePicker setDatePickerMode:UIDatePickerModeCountDownTimer]; //設置顯示模式是一個倒計時器
    [self.view addSubview:datePicker];//添加到當前的視圖中顯示出來

 

顯示效果為：

3、UIDatePicker的事件處理

3.1 普通形態的UIDatePicker添加事件

上面的方法用於創建和配置UIDatePicker的顯示模式，UIDatePicker也是繼承與UIControl的因此也可以使用

- (void)addTarget:(id)target action:(SEL)action forControlEvents:(UIControlEvents)controlEvents
- (void)removeTarget:(id)target action:(SEL)action forControlEvents:(UIControlEvents)controlEvents

 

下面來給UIDatePicker添加一個事件，當用戶改變了UIDatePicker的值時就彈出一個警告框顯示用戶選擇的日期及時間，下面是初始化以及添加事件的代碼：

    UIDatePicker *datePicker = [[UIDatePicker alloc] initWithFrame:CGRectMake(0, 0, 320, 200)];//創建一個UIDatePicker對象
    [datePicker addTarget:self action:@selector(changeTime:) forControlEvents:UIControlEventValueChanged]; //為UIDatePicker添加一個事件當UIDatePicker的值被改變時觸發
    [[self view] addSubview:datePicker];//添加到當前的視圖中顯示出來

 

下面是事件處理方法：

- (void)changeTime:(UIDatePicker*)sender
{
    NSDateFormatter * df = [[NSDateFormatter alloc] init]; //初始化一個日期格式化器
    [df setLocale:[[NSLocale alloc] initWithLocaleIdentifier:@"zh_cn"]]; //初始化一個中國的區域信息對象
    [df setDateStyle:NSDateFormatterFullStyle]; //設置日期格式化器的日期顯示樣式為完整樣式
    [df setTimeStyle:NSDateFormatterFullStyle]; //設置日期格式化器的事件顯示樣式為完整樣式
    UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"UIDatePicker事件" message:[df stringFromDate:[sender date]] delegate:nil cancelButtonTitle:@"確定" otherButtonTitles:nil];//初始化一個UIAlertView用戶顯示用戶選擇的日期及時間
    [alert show];//顯示這個UIAlertView
}

 

下面來看效果：

 3.2 倒計時器形態的UIDatePicker添加事件

這里用倒計時器的模式以及計時器對象做一個倒計時程序，下面貼出完整的ViewController代碼，首先是頭文件：

#import <UIKit/UIKit.h>

@interface ZFCViewController : UIViewController

@property (nonatomic,strong) NSTimer *timer; //計時器對象
@property (nonatomic,strong) UIDatePicker *datePicker; //倒計時選擇器對象
@property (nonatomic,assign) double leftSeconds; //倒計時選擇器對象剩余多少秒

@end

 

接着是實現文件：

//
//  ZFCViewController.m
//  UIDatePickerTest
//
//  Created by 趙 福成 on 14-5-19.
//  Copyright (c) 2014年 ZhaoFucheng. All rights reserved.
//

#import "ZFCViewController.h"

@interface ZFCViewController ()

@end

@implementation ZFCViewController

NSString *msg; //用於顯示還有多少秒的信息變量
NSDateFormatter *df; //用於格式化日期的顯示格式
UIAlertView *alert; //用於循環時彈出的警告框

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
    }
    return self;
}

- (void)loadView
{
    UIView *rootView = [[UIView alloc] initWithFrame:[[UIScreen mainScreen] applicationFrame]];
    [self setView:rootView];
    self.datePicker = [[UIDatePicker alloc] initWithFrame:CGRectMake(0, 0, 320, 200)];//創建一個UIDatePicker對象
    [self.datePicker setDatePickerMode:UIDatePickerModeCountDownTimer]; //設置為倒計時器
    [self.datePicker addTarget:self action:@selector(changeTime:) forControlEvents:UIControlEventValueChanged]; //為UIDatePicker添加一個事件當UIDatePicker的值被改變時觸發
    [[self view] addSubview:self.datePicker];//添加到當前的視圖中顯示出來
}

- (void)changeTime:(UIDatePicker*)sender
{
    [self setLeftSeconds:[sender countDownDuration]];//取得這個UIDatePicker倒計時器還剩多少秒
    [sender setEnabled:NO];//當觸發了一個事件就將UIDatePicker設置為禁用
    [self setTimer:[NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(countDownTimer) userInfo:nil repeats:YES]];//設置了一個計時器對象，每隔一秒執行一次
}

- (void)countDownTimer
{
    self.leftSeconds -= 1; //每次執行減去一秒
    if (self.leftSeconds <= 0) { //如果時間為0了
        [self.timer invalidate]; //將取消計時器
        [self.datePicker setEnabled:YES]; //將UIDatePicker設置為可用
    }
    msg = [NSString stringWithFormat:@"還剩%g秒",self.leftSeconds]; //修改UIAlertView上的剩余時間提示信息
    [alert setMessage:msg]; //將信息放到UILaterView上
    if (!alert.visible) { //這個UIAlertView是否已經顯示
        [alert show];//如果沒有顯示就顯示這個UIAlertView
    }
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    df = [[NSDateFormatter alloc] init]; //初始化一個日期格式化器
    [df setLocale:[[NSLocale alloc] initWithLocaleIdentifier:@"zh_cn"]]; //初始化一個中國的區域信息對象
    [df setDateStyle:NSDateFormatterFullStyle]; //設置日期格式化器的日期顯示樣式為完整樣式
    [df setTimeStyle:NSDateFormatterFullStyle]; //設置日期格式化器的事件顯示樣式為完整樣式
    alert = [[UIAlertView alloc] initWithTitle:@"UIDatePicker事件" message:msg delegate:nil cancelButtonTitle:@"確定" otherButtonTitles:nil];//初始化一個UIAlertView用戶顯示用戶選擇的日期及時間
}

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

/*
#pragma mark - Navigation

// In a storyboard-based application, you will often want to do a little preparation before navigation
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{
    // Get the new view controller using [segue destinationViewController].
    // Pass the selected object to the new view controller.
}
*/

@end

 

這樣就做好了一個倒計時程序，效果圖如下：

 

先到這里、以后繼續添加。。