美文网首页常用组件IOS开发点滴
自定义日期选择控件HTPopDateView的设计

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

作者: 红胡子刚子 | 来源:发表于2016-01-28 14:08 被阅读243次

首先看完成的效果图

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

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

一、对外公开的属性

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上下载和了解此控件的详细代码 

相关文章

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

    首先看完成的效果图 从上图中可以看出控件的基本组成:日期显示区域、三角形指示和弹出的日期选择对话框 控件功能:拨动...

  • Android DatePicker

    前言 话说日期时间选择控件许多项目都会用到,今天小可不才,也发一个自己写的日期选择控件 先上图 1、首先自定义日期...

  • iOS-自定义PickerView

    分享一个自定义的日期选择控件,或者其他自定义选择项,通过UIPickerView实现,实现Pickerview的几...

  • Android—滚动选择器

    在进行自定义控件的学习和使用时,由于Android原生的日期选择器界面固定,偶尔会遇到自定义日期选择器的时候,比如...

  • wrs-calendar日历插件

    前言 wrs-calendar是app原生日历控件插件 功能 支持单选、多选、单个范围选择日期 自定义选中日期颜色...

  • android自定义日期选择控件

    PickTime 日期选择控件 效果 DateType TYPE_ALL--年、月、日、星期、时、分 TYPE_Y...

  • Android面试准备

    一、简历准备 1、个人技能 (1)自定义控件、UI设计、常用动画特效 自定义控件 ①为什么要自定义控件? Andr...

  • RCalendarPicker 日历控件 ,日历选择控件,日历,

    RCalendarPicker RCalendarPicker 日历控件 ,日历选择控件,日历,日期选择 Prev...

  • HTML5 input 新增的表单控件

    必填项验证 颜色选择控件 日期选择控件 时间选择控件 电子邮件控件:提交表单时有格式验证 数字控件 文件控件 拖拽...

  • 关于安卓自定义时间选择控件的实现(二)

    关于安卓自定义日期选择控件实现,之前已经有过一篇类似的文章了,传送门:时间选择库[https://www.jian...

网友评论

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

    本文链接:https://www.haomeiwen.com/subject/ffsdkttx.html