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

访客3年前黑客文章1114

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教程:手机版地域选择器原型

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

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

相关文章

美团饿了么:差异化产品设计

美团饿了么:差异化产品设计

编辑导语:美团和饿了么作为外卖界的两大巨头,在产物设计上有很多其他产物可以或许警惕的处所。本文作者从设计师的角度出发,为我们具体地阐明白美团和饿了么在各个成果板块上的特色和差别,看看二者是如何打造差别...

产品设计方法论:设计价值观,产品设计的指南针(一)

产品设计方法论:设计价值观,产品设计的指南针(一)

编辑导语:设计师在举办差异的设计需求时,产物设计要领论可为设计师提供明晰的步调与框架;设计师在设计产物时应该如何思考、从哪个偏向举办思考才气设计出用户体验好的产物;本文作者分享了关于产物设计要领论中的...

流量的概述系列:流量的分发

流量的概述系列:流量的分发

领略流量的分发,对付我们领略产物背后设计的思路,有很大的警惕意义。本文从流量分发的角度去思考中心化和去中心化,enjoy~ 在互联网流量的分发模式中,中心化和去中心化是常常提起的。张小龙在叙述微信公...

VIP订阅如何设计,才能让用户心甘情愿掏钱?

VIP订阅如何设计,才能让用户心甘情愿掏钱?

从游戏中的氪金,到视频中的会员专享,VIP险些受到所有产物的青睐。可是,你有想过这些VIP系统是如何设计,让用户心甘情愿掏钱的吗?本文作者对此展开了阐明,与各人分享。 你有没有购置过任何一个App的...

“字节跳”到电子签名市场:“动”了谁的奶酪?

“字节跳”到电子签名市场:“动”了谁的奶酪?

电子签名行业的竞争,是互联网巨头们To B业务竞争的一个缩影,而谁能从资源、到本领再到生态体系的全方位竞争中脱颖而出,我们拭目以待。 经济学家布莱恩·阿瑟在《科技的天性》(The Nature of...

以运营和数据为王的在线教育公司怎么做品牌?需要做吗?

以运营和数据为王的在线教育公司怎么做品牌?需要做吗?

编辑导读:作为在校教诲公司,一直以来垂青的都是数据和运营,想要不绝地吸引新客户,留住老客户。可是,本文作者通过一次课程认识到,品牌对付在线教诲公司来说也同样重要。本文将从三个方面,阐明在校教诲如何做好...