一般来说，我们的手机里都自带了一个计时小工具。于是前不久，笔者突发奇想，能不能用Axure做出这个小工具，实现计时效果呢？因此，笔者将以此为案例讲讲具体怎么做。
　　一、元素准备
　　1。拖入3个文本标签元件，内容填充为“时”、“分”、“秒”；
　　2。拖入3个文本框元件，分别命名为“时”、“分”、“秒”，文本框属性设置为隐藏边框（为了显示美观），并与上面的文本标签对齐；
　　3。拖入3个水平线元件，放在文本框下面，用来衬托“时”“分”“秒”的数字显示
　　4。拖入一个按钮元件，命名为“开始计时“
　　5。拖入一个动态面板元件，设置为隐藏，命名为”循环动态面板“，添加两个状态：state1、state2。
　　（因为我在两个状态中放了两个沙漏图标，所以把动态面板设置为隐藏）
　　6。设置全局变量：
　　二、交互设计
　　交互设计前的思考：手机计时工具，点击“开始”之后秒的数字开始累加，每过60秒累加1分钟。
　　那么如何实现数字的自动累加呢？
　　当然是用动态面板！
　　1。“开始计时”按钮用例设计
　　2。“循环动态面板”用例设计
　　动态面板不断循环，秒的数字不断累加1。
　　3。文本框“秒”用例设计
　　当达到60秒时，触发分钟的显示。
　　4。文本框“分”用例设计
　　到达60秒时，需要对动态面板进行停止，如果不停止动态面板，秒数字显示61、62就贻笑大方了！
　　这里又有一个疑问，动态面板停止了循环，那么计时不是就停止了吗？
　　excuseme？1分钟也太短了吧？！nonono！真男人怎么可能只有1分钟？！
　　所以，我们需要动态面板继续循环下去。
　　5。文本框“时”用例设计
　　知道了上面的思路，那么文本框”时“的用例设计就不用多说了吧。
　　需要注意一点：每满一小时，需要重置分钟数。
　　PS：自问自答
　　Q1：动态面板循环间隔为什么设置1000毫秒？
　　A1：因为计时是从1秒、2秒、3秒开始的呀（请数数1到10谢谢。）（间隔可以设置为0哦，预览时可以快速的验证用例设计的对不对）
　　原型演示地址：https：9wt3dm。axshare。com

Axure教程：如何实现计时一般来说，我们的手机里都自带了一个计时小工具。于是前不久，笔者突发奇想，能不能用Axure做出这个小工具，实现计时效果呢？因此，笔者将以此为案例讲讲具体怎么做。一、元素准……AxureRP8教程：实现高逼格的面板切换效果如何利用AxureRP8教程实现高逼格的面板切换效果呢？一起来文中看看浏览网页时，我们经常看到整屏滚动效果的首页设计，如招商银行首页：当鼠标上下滚动时，不同页面进行翻页展……Axure教程：按钮与文本框结合在一起的动态重置功能本文要给大家讲解的是，按钮与文本框结合在一起的动态重置功能，enjoy设置文本1。1页面布局1。1。1页面设定新建一个页面文件，命名为“重置功能”。……App产品原型背后要交代的细节或要理解的原则（五）本文接上一篇App产品原型背后要交代的细节或要理解的原则（四）。18、聊天发表情，是怎样的机制在微信发一个表情出来，你发现显示的是名称〔调皮〕，而不是一个图标。……哲学三问之原型是怎么来的？在产品的具体设计中，原型是怎么来的呢？笔者认为原型由信息架构设计与条目设计组成，并以途家app搜索页为例讲解了条目设计。几千年来，哲学家们一直在思考三个问题：我是谁？我从……AxureRP9教程：9宫格拼图如何制作本篇文章通过原型设计工具为大家演示了9宫格拼图效果，看完后别忘了自己动手做一下！效果图使用工具AxureRP9beta绘制原型Camtasia2018录……Axure教程：实现页面上下滑动和顶部吸附效果本文将给大家介绍：如何在Axure中实现页面上下活动和顶部吸附，一起来看看吧效果预览：看是不是你想要的：https：xydq37。axshare。comc2一、元素……AxureRP8教程：图片局部开灯交互动效感谢罗罗诺亚索作者分享的【Axure教程：图片局部开灯交互动效】文章；由于该原型是用AxureRP9实现的，因此本文将结合文章实现方法，使用AxureRP8。0实现，并升级实现……Axure教程：如何制作3D动效？早几期文章，我说没有我做不出的交互，于是有同学加我微信，说老师你能实现这个3D效果吗？我本来想怼她一顿，这是平面软件，但是一气之下我就把她说的3D效果做出来了。首先看看效……Axure教程：如何自制横向滚动条？本文为我们介绍了自制横向滚动条的三个步骤，以及其中的注意要点。更多详细内容请见正文一般如果我们需要使用横向滚动条，会直接使用动态面板提供的横向滚动条。由于横向滚动条在动态……Axure教程：用户登录交互原型如何制作？今天和大家分享的是最常见的用户登录的原型设计，适用对象：想加入产品坑的新手小白。1。元件准备用户名、密码的输入框由矩形、icon、文本框三个元件组成。为方便区……Axure教程：如何使用时间函数动态显示当前时间？本文教大家如何在Axure中，如何使用时间函数动态显示当前时间，enjoy首先Axure提供了很多时间函数，如下：Now用途：获取当前计算机系统日期对象。获取……