iOS中使用UIDatePicker制作時(shí)間選擇器的實(shí)例教程
UIDatePicker的創(chuàng)建
UIDatePicker是一個(gè)可以用來選擇或者設(shè)置日期的控件，不過它是像轉(zhuǎn)輪一樣的控件，而且是蘋果專門為日歷做好的控件，如下圖所示：
除了UIDatePicker控件，還有一種更通用的轉(zhuǎn)輪形的控件：UIPickerView，只不過UIDatePicker控件顯示的就是日 歷，而UIPickerView控件中顯示的內(nèi)容需要我們自己用代碼設(shè)置。本篇文章簡單介紹UIDatePicker控件，后邊的文章會(huì)介紹 UIPickerView。
1、運(yùn)行Xcode ，新建一個(gè)Single View Application，名稱為UIDatePicker Test，其他設(shè)置如下圖所示：
2、單擊ViewController.xib，打開Interface Builder。拖一個(gè)UIDatePicker控件到視圖上：
3、然后拖一個(gè)按鈕在視圖上，并修改按鈕名稱為Select：
單擊按鈕后，彈出一個(gè)Alert，用于顯示用戶所作選擇。
4、創(chuàng)建映射：打開Assistant Editor，選中UIDatePicker控件，按住Control，拖到ViewController.h中：
新建一個(gè)Outlet，名稱為datePicker：
然后以同樣的方式為按鈕建立一個(gè)Action映射，名稱為buttonPressed，事件類型為默認(rèn)的Touch Up Inside。
5、選中UIDatePicker控件，打開Attribute Inspector，在其中設(shè)置Maximum Date比如我們這里設(shè)為2100-12-31：
實(shí)例
而今天我們要做的時(shí)間選取器成品具體效果如下：
我們自定義一個(gè)LGDatePickerView，在LGDatePickerView里面實(shí)現(xiàn)。
背景半透明：
背景是半透明的，點(diǎn)擊的灰色背景的時(shí)候，時(shí)間選取器消失。在LGDatePickerView初始化方法里，代碼如下：
- (id)init
{
self = [super init];
if (self) {
//背景半透明，綁定取消方法
UIControl *control = [[UIControl alloc] initWithFrame:SCREEN_BOUNDS];
control.backgroundColor = [UIColor colorWithRed:0.0/255.0 green:0.0/255.0 blue:0.0/255.0 alpha:0.5f];
[self addSubview:control];
[control addTarget:self action:@selector(actionCancel:) forControlEvents:UIControlEventTouchUpInside];
}
return self;
}
綁定的actionCancel方法：
- (void)actionCancel:(id)sender
{
[self removeFromSuperview];
}
確定取消按鈕：
看到上面的確定取消按鈕，你會(huì)怎么做，寫一個(gè)UIView上面放兩個(gè)UIButton。這樣做也是可以實(shí)現(xiàn)的。我們還可以用UIToolbar。在LGDatePickerView初始化方法里加上下面這段代碼：
// Toolbar
UIToolbar *toolbar = [[UIToolbar alloc] initWithFrame:CGRectMake(0, SCREEN.height - 250, SCREEN.width, 50)];
toolbar.autoresizingMask = UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleWidth;
UIBarButtonItem *itemCancelDone = [[UIBarButtonItem alloc] initWithTitle:@"確定" style:UIBarButtonItemStylePlain target:self action:@selector(actionConfirm:)];
UIBarButtonItem *itemCancel = [[UIBarButtonItem alloc] initWithTitle:@"取消" style:UIBarButtonItemStylePlain target:self action:@selector(actionCancel:)];
UIBarButtonItem *space = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
[toolbar setItems:[NSArray arrayWithObjects:itemCancel,space,itemCancelDone, nil]];
[control addSubview:toolbar];
actionCancel上面已經(jīng)實(shí)現(xiàn)了。下面實(shí)現(xiàn)actionConfirm方法。它有什么作用呢？
點(diǎn)擊的時(shí)候獲取到時(shí)間，然后通過代理代理出去。
時(shí)間選取器消失：
- (void)actionConfirm:(id)sender
{
if ([self.delegate respondsToSelector:@selector(datePickerView:didSelectTime:)]) {
[self.delegate datePickerView:self didSelectTime:self.datePicker.date];
}
[self removeFromSuperview];
}
代理方法：
在LGDatePickerView.h
@protocol LGDatePickerViewDelegate <NSObject>
- (void)datePickerView:(LGDatePickerView *)datepicker didSelectTime:(NSDate *)time;
@end
創(chuàng)建UIDatePicker：
在LGDatePickerView.h定義一個(gè)全局變量
@property (nonatomic, strong) UIDatePicker *datePicker;
在LGDatePickerView初始化方法里加上下面這段代碼：
UIDatePicker *datePicker = [[UIDatePicker alloc] init];
datePicker.backgroundColor = [UIColor whiteColor];
datePicker.datePickerMode = UIDatePickerModeCountDownTimer;
datePicker.date = [NSDate date];
datePicker.frame = CGRectMake(0, SCREEN.height - 200, SCREEN.width, 220);
[control addSubview:datePicker];
self.datePicker = datePicker;
使用LGDatePickerView
使用起來很簡單，創(chuàng)建一下，然后加載self.view上面即可：
LGDatePickerView *datePicker = [[LGDatePickerView alloc] init];
datePicker.delegate = self;
datePicker.datePicker.date = [NSDate date];
datePicker.frame = self.view.bounds;
[self.view addSubview:datePicker];
相關(guān)文章
iOS多線程應(yīng)用開發(fā)中自定義NSOperation類的實(shí)例解析
這篇文章主要介紹了iOS多線程應(yīng)用開發(fā)中自定義NSOperation類的實(shí)例解析,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2016-01-01
iOS的UIColor類與其相關(guān)類之間的區(qū)別及判斷相等的方法
這篇文章主要介紹了iOS的UIColor類與其相關(guān)類之間的區(qū)別及判斷相等的方法,主要是對(duì)比了CGColor和CIColor,需要的朋友可以參考下2015-10-10
iOS 通過collectionView實(shí)現(xiàn)照片刪除功能
這篇文章主要介紹了iOS 通過collectionView實(shí)現(xiàn)照片刪除功能，代碼簡單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2017-11-11
詳解使用Xcode進(jìn)行iOS設(shè)備無線調(diào)試
這篇文章主要介紹了詳解使用Xcode進(jìn)行iOS設(shè)備無線調(diào)試，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
這篇文章主要為大家詳細(xì)介紹了iOS自定義圓形進(jìn)度提示控件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-06-06
這篇文章主要給大家介紹了關(guān)于iOS讀寫json文件的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01
ios學(xué)習(xí)筆記之基礎(chǔ)數(shù)據(jù)類型的轉(zhuǎn)換
在編碼過程中，數(shù)據(jù)的處理是必要的。眾多數(shù)據(jù)中，NSString、NSData、NSArray、 NSDictionary等數(shù)據(jù)類型是常用的，對(duì)付它們?nèi)菀?，但是在多個(gè)數(shù)據(jù)類型之間轉(zhuǎn)換就需要技巧了。本文主要給大家介紹ios中基礎(chǔ)數(shù)據(jù)類型的轉(zhuǎn)換，有需要的下面來一起看看吧。2016-11-11
Apple?Watch?App?Lifecycle應(yīng)用開發(fā)
這篇文章主要為大家介紹了Apple?Watch?App?Lifecycle應(yīng)用開發(fā)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
最近在網(wǎng)上看到一個(gè)博客分享的這個(gè)效果很不錯(cuò)，就拿下來看看，結(jié)果看了好幾遍也沒完全看懂，再結(jié)合自己之前學(xué)的東西感覺不用這么復(fù)雜也能實(shí)現(xiàn)同樣的效果，于是就開始動(dòng)手了?，F(xiàn)在將實(shí)現(xiàn)的步驟和示例代碼分享給大家，有需要的朋友們可以參考借鑒。2016-10-10
這篇文章主要介紹了IOS UIView的生命周期的實(shí)例詳解的相關(guān)資料,希望通過本文大家能掌握理解這部分內(nèi)容，需要的朋友可以參考下2017-09-09