必威体育Betway必威体育官网
当前位置:首页 > 运营推广

如何用Axure设计锤子手机的秒表计时器

时间:2019-09-23 20:41:06来源:运营推广作者:seo实验室小编阅读:72次「手机版」
 

手机秒表

和模拟数字时钟同样的场景,秒表计数器是另外一个类似实现方式,只是我们不是取的系统时间,而是自己从0开始计时,并且要处理秒钟到分钟的换算。

这个例子里主要就是实现对变量的控制,以及如何处理事件,相关知识点如下:

定义全局变量,实现对变量的计算控制

通过组件的显示/隐藏事件来实现循环处理

对事件分支的处理,对数字的秒钟到分钟的转换。

OK,现在开始。

添加形状

设置背景色为黑色,文字颜色为绿色,并将它转换成动态面板,模拟计时器的场景

添加全局变量

其中hours、minutes、seconds、msec是用来保存格式化的时间字符串的,而nHours、nMinutes、nSeconds、nMsec则是用来计算时间,并换算的

添加控制组件

添加几个形状,分别用来控制时、分、秒、毫秒,以及用来控制总体显示的all

添加事件

添加动态面板的载入事件处理,先隐藏所有的控制组件,这样会先触发各个控制组件的隐藏事件,开始显示处理

在分、秒、毫秒组件上添加事件支持(这里没增加对小时的处理了,方法类似),我们以秒钟组件上的事件为例,其它的请下载源文件后查看。

在小10秒时,为了格式化时间显示,在字符串前补了个0

在等于59秒时,分钟开始需要加1了,秒钟重置为0

等待1000毫秒,即1秒钟

隐藏当前组件,这样会触屏隐藏事件,转到隐藏事件处理上

注意:隐藏事件和显示事件基本相同,除了将隐藏组件改为显示组件外

看一下all组件上的事件,它只负责用来显示完整的格式化时间,通过变量如下拼接显示:

[[minutes]]:[[seconds]]:[[msec]]

按下F5键,在本地运行一下看看效果。

点击这里查看在线显示哦。(里面有源文件可下载)

相关阅读

锤子回应坚果R1镜头刮花 可寄回总部免费更换新机

A5创业网(公众号:iadmin5)5月21日报道,在锤子发布会新机坚果R1不到一周时间里,有网友曝出坚果R1的后置镜头出现刮花磨损现象。随后在锤

锤子手机失败的原因:错误的定位

在2014年,锤子遇到了不少麻烦,产品发布供不上货,产品品质和设计被质疑,降价清库存让老罗说的“定价低于2500当你孙子”被挖

罗永浩调侃燃点,公开回应锤子科技近况

A5创业网(公众号:iadmin5)1月16日报道,近期,有一部描述了中国互联网领域创业者创业故事的纪录电影《燃点》上映了,这个影片记录了罗永浩

坚果R1镜头花了怎么办?锤子回应镜头刮花免费换新

距离锤子新旗舰坚果R1发售仅有一周的时间,有不少机友发现后置双摄变得惨不忍睹,稍不留意就被刮花。那么锤子R1镜头花了应该怎么办呢

锤子科技发布 “TNT”大屏幕操作系统,手机变身高效PC

2018年8月20日,锤子科技2018夏季新品发布会在北京凯迪拉克中心(原五棵松体育馆)举办,“双系统、无限屏”坚果Pro 2S正式

分享到:

栏目导航

推荐阅读

热门阅读