您现在的位置:   首页 >> 新闻中心 >> 原型设计

中继器系列(四):正反倒计时元件的实现

发布人:www.yunke.ai 发布时间:2021-01-01 149 次浏览

在日常的原型制作中,经常用到时间的倒计时、计时等等。有一次小伙伴说能不能用中继器进行制作,然后每次使用就简单的改下中继器复用。于是踩坑几天后出现了这篇文章。

前期准备

  • 电脑:mac和win都可以(案例以win系统为例,mac类似)。
  • 软件:Axure 8 系列。
  • 熟练程度:中级(元件使用,函数调用)。
  • 相关使用元件:矩形、文本、中继器、动态面板。

原型元件组成展示

注:本套教程共四个元件(分秒正计时、分秒倒计时、时分秒正计时、时分秒倒计时)加一个彩蛋(获取本机时间,开始24小时倒计时)。

以下以分秒计时为元件组成为例截图:

Axure正反倒计时实现(中继器交互)

演示动图

Axure正反倒计时实现(中继器交互)

正文(制作过程)

举例正计时(分、秒)与倒计时(时、分、秒)的制作方式(还有彩蛋的制作思路)。