一直想寫贞瞒，一直拖著偶房，終于，終于又靜下心來军浆，隨手寫寫棕洋。。乒融。
最近項目中遇到一個這樣一個需求掰盘，就是好多頁面都需要時間彈框控件，點擊按鈕彈出來一個datePicker,選中時間后赞季，點擊確定獲取到所選時間愧捕，點擊取消將datePicker移除，需求也挺簡單的申钩，實現(xiàn)起來也很容易次绘，系統(tǒng)提供的UIDatePicker完全可以滿足，但是由于調(diào)用的頁面比較多典蜕，秉著代碼能復用就封裝的原則断盛，筆者將UIDatePicker簡單封裝成SZKDatePicker，實現(xiàn)了一句代碼就可以調(diào)用控件愉舔，分享給大家钢猛，請大家批評指教。
(底部附本demo的GitHub鏈接轩缤，請仔細尋找)命迈。
先上效果圖：
在底部彈出一個時間控件
調(diào)用代碼：
在ViewController.m導入#import "SZKDatePicker.h"
點擊屏幕調(diào)用SZKDatePicker，彈出控件火的，點擊確定按鈕輸出選中的時間壶愤，一行代碼調(diào)用，童叟無欺馏鹤。
- (void)viewDidLoad {
[super viewDidLoad];
self.view.backgroundColor=[UIColor yellowColor];
}
#pragma mark---點擊屏幕調(diào)用SZKDatePicker
-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
//調(diào)用SZKDatePicker
[SZKDatePicker datePickerShow:^(NSString *curDateStr) {
NSLog(@"選中的日期為:%@",curDateStr);
}];
}
實現(xiàn)方法：
SZKDatePicker.h
#import <UIKit/UIKit.h>
typedef void(^GetCurDateBlock)(NSString *curDateStr);
@interface SZKDatePicker : UIView
//控件展示
+(instancetype)datePickerShow:(GetCurDateBlock)getCurDateBlock;
@end
SZKDatePicker.m
#import "SZKDatePicker.h"
//屏幕寬度
#define SCREEN_WIDTH [UIScreen mainScreen].bounds.size.width
//屏幕高度
#define SCREEN_HEIGHT [UIScreen mainScreen].bounds.size.height
//控件高度
#define DatePickerHeight 200
//工具條高度
#define ToolBarHeight 40
//輸出時間格式
#define DateFormatter @"yyyy-MM-dd"
@interface SZKDatePicker ()
@property(nonatomic,retain)UIView *dateBgView;//時間彈框背景view
@property(nonatomic,retain)UIDatePicker *datePicker;//時間彈框控件
@property(nonatomic,retain)UIToolbar *dateToolBar;//時間彈框工具條
//返回當前時間的block
@property(nonatomic,copy)GetCurDateBlock getCurDateBlock;
@end
@implementation SZKDatePicker
+(instancetype)datePickerShow:(GetCurDateBlock)getCurDateBlock
{
SZKDatePicker *datePicker=[[SZKDatePicker alloc]initWithFrame:[UIScreen mainScreen].bounds];
datePicker.getCurDateBlock=getCurDateBlock;
//展示到最頂層
[[UIApplication sharedApplication].keyWindow addSubview:datePicker];
return datePicker;
}
-(instancetype)initWithFrame:(CGRect)frame
{
self=[super initWithFrame:frame];
if (self) {
_dateBgView=[[UIView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT)];
_dateBgView.backgroundColor=[UIColor blackColor];
_dateBgView.alpha=0.5;
[self addSubview:_dateBgView];
//添加手勢
UITapGestureRecognizer *tap=[[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tap)];
[_dateBgView addGestureRecognizer:tap];
//添加日期控件
_datePicker=[[UIDatePicker alloc]initWithFrame:CGRectMake(0, SCREEN_HEIGHT-DatePickerHeight, SCREEN_WIDTH, DatePickerHeight)];
//在此修改控件上時間展示格式
_datePicker.datePickerMode=UIDatePickerModeDate;
_datePicker.backgroundColor=[UIColor whiteColor];
[self addSubview:_datePicker];
//添加工具欄
_dateToolBar=[[UIToolbar alloc]initWithFrame:CGRectMake(0, CGRectGetMinY(_datePicker.frame)-ToolBarHeight, SCREEN_WIDTH, ToolBarHeight)];
[self addSubview:_dateToolBar];
//取消按鈕
UIBarButtonItem *cancelBt=[[UIBarButtonItem alloc]initWithTitle:@"取消" style:UIBarButtonItemStylePlain target:self action:@selector(cancelBtClick)];
//中間空隙
UIBarButtonItem *midBt=[[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:self action:nil];
//確定按鈕
UIBarButtonItem *sureBt=[[UIBarButtonItem alloc]initWithTitle:@"確定" style:UIBarButtonItemStylePlain target:self action:@selector(sureBtClick:)];
//添加到toolBar
_dateToolBar.items=@[cancelBt,midBt,sureBt];
}
return self;
}
#pragma mark---單擊手勢事件
-(void)tap
{
[_dateBgView removeFromSuperview];
[_datePicker removeFromSuperview];
[_dateToolBar removeFromSuperview];
_dateBgView=nil;
_datePicker=nil;
_dateToolBar=nil;
//移除當前控件
[self removeFromSuperview];
_datePicker=nil;
}
#pragma mark---取消按鈕點擊
-(void)cancelBtClick
{
[_dateBgView removeFromSuperview];
[_datePicker removeFromSuperview];
[_dateToolBar removeFromSuperview];
_dateBgView=nil;
_datePicker=nil;
_dateToolBar=nil;
//移除當前控件
[self removeFromSuperview];
_datePicker=nil;
}
#pragma mark---確定按鈕點擊
-(void)sureBtClick:(UIButton *)sender
{
//將選中的日期返回到頁面上面
self.getCurDateBlock([self curDateStr:_datePicker.date]);
[_dateBgView removeFromSuperview];
[_datePicker removeFromSuperview];
[_dateToolBar removeFromSuperview];
_dateBgView=nil;
_datePicker=nil;
_dateToolBar=nil;
//移除當前控件
[self removeFromSuperview];
_datePicker=nil;
}
#pragma mark---獲得當前時間年月日
-(NSString *)curDateStr:(NSDate *)date
{
NSDateFormatter *dateFormatter = [[NSDateFormatter alloc]init];
[dateFormatter setDateFormat:DateFormatter];
NSString *dateStr = [dateFormatter stringFromDate:date];
return dateStr;
}
@end
以上就是整體的實現(xiàn)思路了征椒，方法上面都有注釋，基本上就這些了湃累，如果有任何問題勃救，可以隨時聯(lián)系筆者碍讨，下面??有聯(lián)系方式。
附：本demo的GitHub鏈接：
https://github.com/18811314750/SZKDatePicker
筆者的其他文章集錦：iOS知識點分享http://www.reibang.com/nb/4004224
如果有不足或者錯誤的地方還望各位讀者批評指正蒙秒，可以評論留言勃黍，筆者收到后第一時間回復。
QQ/微信：790057066 晕讲。
簡書號：iOS_凱http://www.reibang.com/users/86b0ddc92021/latest_articles
GitHub個人主頁（歡迎star）：https://github.com/18811314750
感謝各位觀眾老爺?shù)拈喿x覆获，如果覺得筆者寫的還湊合，可以關(guān)注或收藏一下瓢省，不定期分享一些好玩的實用的demo給大家弄息。
