Axure教程:简易版实现计时功能

前期参考了已经在人人产品经理群发布的文章,使我有感而发,觉得应该没有这么复制的,所以我就自己动手一下,设计个简易版的。

用的是文本框,其实后面发现用 矩形 也可以(因为我是用鼠标点击触发,“文本改变时”触发有问题);

思路:秒针等于60秒,加一分钟,没有参数累计+1;分针等于60分,加一小时,没有累记+1;(同时记得向前+1时,需要更新全局变量参数 和 显示文本参数)


前端设计

需要以下这些全局变量:(如果你是copy过你自己的项目,记得也要在自己项目上设置这些变量


全局参数设置

秒针/分针设置:(我没搞时针,演示一个界面不可能超过1小时吧,觉得是伪需求)


秒针文本设置


分针文本设置

按钮的触发事件:

3按钮


看懂的自己去搞啦,看不懂的不如下载个Demo看看囖(用Axure8.0 写的)

链接:https://pan.baidu.com/s/1CmZL7ZdIkc_CyxoIQm-7cA

密码:580l

完~.

(觉得有用,记得给个“赞”,是大家更新的动力嘛)

你可能感兴趣的:(Axure教程:简易版实现计时功能)