Axure教程:用中继器做手机版日期选择器和手机日历

访客4年前黑客文章1161

Axure教程:用中继器做手机版日期选择器和手机日历

本日和各人分享怎么用中继器建造手机版的日历。该原型利用利便,可直接利用,并且交互齐全完善,所以推荐给各人利用。这期的内容,数学公式较量多,大概有些小同伴会不大白,喜欢原型可能有疑问的小同伴们可以在下方评论处给我留言哦。

原型预览地点:

01 结果演示 1. 手机日历

1.1 鼠标上下、阁下滑动结果

这里手机真实结果一直哈。并且日历都是尺度的日历,不会有错哦,还不需要联网。

Axure教程:用中继器做手机版日期选择器和手机日历

1.2 点击查察年视图

同样的年视图内里也可以上下阁下滑动选择年份哦。

Axure教程:用中继器做手机版日期选择器和手机日历

1.3 点击月份回到月视图

Axure教程:用中继器做手机版日期选择器和手机日历

1.4 选择日期

Axure教程:用中继器做手机版日期选择器和手机日历

1.4 选择今天

Axure教程:用中继器做手机版日期选择器和手机日历

2. 滑动日期选择器

Axure教程:用中继器做手机版日期选择器和手机日历

02 建造解说 1. 手机版日历

首先我们要做这个页面

Axure教程:用中继器做手机版日期选择器和手机日历

用中继器做,中继器内只需要两列column0和xuanzhong

中继器新增42行,因为6*7日=42,有的同学大概会问,老师5行不足吗,你们看一下下图就知道为什么要六行了。

Axure教程:用中继器做手机版日期选择器和手机日历

中继器网格漫衍,每排项目数为7,列表格什么都不需要填,只是用于逻辑处理惩罚。

下面我们简朴说一下逻辑,我们要找到某年某月的之一天是礼拜几,然后配置中继器那一格显示1,之后的按2、3、4……下去即可。这里有一点需要留意的,我们要记着1、3、5、7、8、10、12月有31天,4、6、9、11月有30天,2月有28或29天。

我们先处理惩罚简朴的

用now函数可以获取此刻的日期,然后用get.date函数获取本日是几号,再计较本日间隔1号隔了几天,譬喻本日是2019年5月22日,那么间隔2019年5月1日就隔了-21日,然后用add函数,[[Now.addDays(days)]],(days)就是填隔了几多天,上述案例是-21,接着用get.day函数,就可以获得是周几了,留意,假如是周日get.day的值是0,周一是1……,案例中get.day的值为5.

那假如中继器的序号小于便是get.day的值,配置文本为空(就是中继器前5行为空值);假如序号大于get.day+31,也是配置文本为空,这里需要分环境,假如是1、3、5、7、8、10、12月的话是31,代表已经是下个月的日期了。那假如是4、6、9、11月应该是30天,2月应为28或29天,那怎么判定是28照旧29呢。用年份/4,假如功效包括小数点的就是28天,没包括的就是29天。其余环境中继器内文本=序号-get.day的值

上面就是计较当月的,那怎么计较其他月份的呢,用add.month函数,计较年的就用add.year函数就可。鼠标向左拖动竣事的时候,add.month+1,然后反复上述操纵。年视图也是一样,左拖动时,add.year+1,反复上面操纵。

那么右滑动其实就是-1。

然后xuanzhong就是,鼠标单击时,显示选中的颜色,开始进去的时候我们可以默认更新行,让本日日期被选中。

上面就是建造手机版日历的教程了。

然后日期滑动选择器的建造跟上期我们讲的地域选择器的建造要领根基一致。有乐趣的小同伴可以看回我之前的文章Axure教程:手机版地域选择器原型

那么我们这期的分享就到这里竣事了,

这期的内容,数学公式较量多,大概有些小同伴会不大白,喜欢原型可能有疑问的小同伴们可以在下方评论处给我留言哦。

相关文章

究竟到底该如何进行产品分析?

究竟到底该如何进行产品分析?

编辑导语:产物司理常常要做的就是产物阐明,产物阐明主要是竞品的阐明,让你清楚的知道竞品的成果和一些比拟,制止踩雷;本文作者表明白为什么要举办产物阐明、产物阐明的误区、怎么举办产物阐明这个部门,我们一起...

双十一变长了,而你的钱没有变多

双十一变长了,而你的钱没有变多

编辑导读:2020年的双十一,比以往时候来得更早一些。而且折扣力度不只范围在11月11日当天,1号同样能享受到最低折扣,从王老五骗子节酿成了双截棍。双十一变长了,然而你我的钱并没有变多。为什么本年的双...

从产品角度看物联网平台的规则引擎

从产品角度看物联网平台的规则引擎

编辑导语:法则引擎是物联网平台的一个重要成果模块,是处理惩罚巨大逻辑的引擎,主要对感知层汇集的数据举办处理惩罚,实现数据逻辑和上层业务的解耦;本文作者从产物的角度对此做出领略,我们一起来看一下。 大...

视频中场:中视频的复兴与前路

视频中场:中视频的复兴与前路

编辑导语:在互联网浩瀚行业中,短视频行业如今无疑是最受用户接待的也是最火热的行业之一。尤其是在本年疫情之下,短视频用户激增,短视频迎来了其发作期。克日,在2020西瓜PLAY好奇心大会上,西瓜视频总裁...

下沉市场变天,淘宝特价版正在KO拼多多

下沉市场变天,淘宝特价版正在KO拼多多

编辑导读:拼多多在下沉市场取得的成绩有目共睹,阿里巴巴旗下的“淘宝特价版”也在这一规模不绝发力,对标拼多多。本文将从这俩产物出发举办阐明,但愿对你有辅佐。 对付腾讯和阿里巴巴两大中概股巨头而言,拼多...

产品经理面试问题:产品经理需要具备哪些能力?

产品经理面试问题:产品经理需要具备哪些能力?

编辑导语:差异阶段的产物司理所需要的本领也是差异的,跟着不绝地晋升,你的本领也要跟上你的步骤;本文是作者的口试经验的实例,在口试中被问到产物司理需要具备的哪些本领时应该如何答复,我们一起来看一下。...