欢迎来到风尚网
风尚网首页 > 首页 > 阅读 > 自定义日期选择控件HTPopDateView的设计

自定义日期选择控件HTPopDateView的设计

作者:红胡子刚子 2016-02-21 07:12 来源:简书 编辑:美朵

文章摘要
首先看完成的效果图从上图中可以看出控件的基本组成:日期显示区域、三角形指示和弹出的日期选择对话框控件功能:拨动日期选择的轮盘,时期变化时即时反应到日期显示区域。title用于设[email protected](nonatomic,retain)NSString*title;[email protected](nonatomic,retain)UIView*backgroudView;[email protected]atio

首先看完成的效果图

从上图中可以看出控件的基本组成:日期显示区域、三角形指示和弹出的日期选择对话框

控件功能:拨动日期选择的轮盘,时期变化时即时反应到日期显示区域。

一、对外公开的属性

title用于设置和取得当前的日期

@property (nonatomic, retain)NSString *title;

backgroudView设置选择日期对话框所在的背景

@property (nonatomic, retain)UIView *backgroudView;

二、控件的构成

根据功能描述HTPopDateView有如下几部分组成

@implementation HTPopDateView{

UIColor      *_menuColor;

UIView      *_backGroundView;

UIDatePicker *_datePicker;

CATextLayer  *_titleLayer;

ArrowLayer  *_arrowLayer;

bool _show;

}

三、操作行为

单击显示日期区域弹出,日期选择对话框

- (void)tapPopView:(UITapGestureRecognizer *)paramSender

{

[self animateIdicator:_backGroundView view:_workspaceView forward:YES    complecte:^{

_show = YES;

}];

}

单击背景,选择日期对话框消失

- (void)tapBackGround:(UITapGestureRecognizer *)paramSender

{

[self animateIdicator:_backGroundView view:_workspaceView forward:NO complecte:^{

_show = NO;

}];

}

日期变化后反应到显示区域

- (void)dateChanged:(id)sender{

_title = [self dateToString:_datePicker.date];

_titleLayer.string = _title;

}

四、总结

明确了以上几点后,我们就可以着手开始进行细节的开发了。

五、控件下载

去GitHub上下载和了解此控件的详细代码 

小主,按键盘右方向键 → 翻页可以跳过片头呢

  

上一篇:设计一个带提示信息的导航栏控件HTNavGlideBar

  

下一篇:列车国童话

  

本文标题:自定义日期选择控件HTPopDateView的设计

原文链接:http://i.she.vc/28712.html

和本文相似的内容:

点击排行