用Axure RP 8.0 制作类似时间5秒倒计时效果(包含软件汉化方法)

1.最近对于原型设计稍感兴趣,便下载了一个RP软件练练手,结合自己实际的项目,遇到了一个倒计时5秒的情况,现以该例进行总结。对于新手刚接触该软件还是要先下载一个汉化包熟悉下工具与菜单栏信息。

2.在网上下载到该汉化包

https://pan.baidu.com/share/init?surl=pLGVoGr
可以直接点击下面的蓝色关键词下载
Axure RP8中文破解版 提取密码:k526
等安装好RP软件后,打开AxureRP8.0汉化包,具体看里面的使用说明(在mac 电脑上打开访达,应用程序 -> 找到RP软件 右击显示包内容 -> Contents -> Resources -> 将汉化内的lang文件夹复制到当前文件夹 -> 重启软件后打开即可)。打开即可看到已经是中文的,如果还是英文的话,从应用程序直接打开应该可以解决问题。
这里写图片描述

3.制作倒计时效果原型设计
a.首先在首页上创建一个text文本用以放数字,与一个动态面板用以循环计时变化,并分别对这两个变量进行命名
此处timer为A文本 ,round为动态面板
这里写图片描述
这里timer变量值为5,可以根据自身效果进行设置样式,动态面板可以与timer重叠放在一起
动态面板需要设置两种状态state1 、 state2进行秒数设置变化状态
这里写图片描述

b.可以对倒计时效果理一下逻辑,当动态面板设置每1000ms进行循环变化时,对应事件 timer自减1,可以设置条件自减到0后停止这一事件。首先设置动态面板效果,当界面载入时进行启动。

在“概要-页面“选中动态面板,选择载入时 - 选择设置面板状态 - 勾选到动态面板 - 设置状态Next 循环间隔1000ms等信息后确定
这里写图片描述

在“概要-页面“选中timer,选择状态改变时 - 选择设置文本 - 勾选到timer - 并点击底部fx,设置函数自减
这里写图片描述
按照函数到语法 如下填写。
[[LVAR1-1]] LVAR1,后面到填写都要选到timer,点击确定

这里写图片描述

由于倒计时自减到0后不能继续自减下去,所以当timer的状态改变时 用例编辑上 对组织动作设置条件限制(timer > 0)才可以进行自减,点击确定。
这里写图片描述

c.等完成逻辑设置后,进行保存,点击右上角等预览可以查看该效果。

经实际操作可完成 欢迎来询问。

猜你喜欢

转载自blog.csdn.net/cxwtsh123/article/details/80985288