Axure笔记：使用Axure PR 8.0的全局变量实现倒计时效果及跳转

最新推荐文章于 2025-04-30 15:30:40 发布
原创 最新推荐文章于 2025-04-30 15:30:40 发布 · 1.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#axure #Axure笔记 #倒计时效果

本文详细介绍了如何在Axure中使用元件和动态面板创建倒计时效果，包括文本标签、全局变量及动态面板的设置步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章目录

结果展示

在这里插入图片描述

是个动态的效果，但是图片就不能展示了！

使用元件

  • 文本标签
  • 全局变量
  • 动态面板

步骤

1、打开Axure，放两个文本标签。第一个命名为time，第二个不用管。
在这里插入图片描述

2、创建个动态面板。
两个state是两种颜色，自定义。
在这里插入图片描述

3、设置参数
单击动态面板，设置参数如下。
在这里插入图片描述

这里主要是实现动态倒计时效果。

继续，设置页面载入时效果
在这里插入图片描述
这里主要是颜色切换

在这里插入图片描述

可以使用另外一种方法实现一样的效果，我觉的这种更加有意思一些。

跳转同理哈

Axure8.0全局变量教程
Strongkiss的博客
06-07 1139
 还不了解Axure RP 8设置一个矩形全局变量的操作步骤的朋友，就一起去下文看看的Axure RP 8设置一个矩形全局变量的教程，相信对大家会有所帮助的。   1、双击打开Axure RP 8设计软件，创建了一个空白的画布，如下图所示：   2、在“基本元件”中找到“矩形2”，拖一个到画布中，如下图所示：   3、在右侧“属性”选项卡中，双击“页面载入时”，添加用例;在全局变量下单击“设置变量值”，如下图所示：   4、点击“添加全局变量”，添加四个变量data1、data2、da.
全局变量倒计时
weixin_57762542的博客
06-27 333
1.全局变量的一个小案例，倒计时，首先我们先拉个矩形，然后在写上开始倒计时， 2.然后在设置全局变量，全局变量在项目名称为写为djs默认值一定要是10， 3.设置完以后在矩形设置鼠标点击在设置条件， 4.然后在设置文字插入变量， 5.然后等待1000毫米，然后在设置全局变量[[djs-1]]记住一定要在括号的里面， 6.触发事件鼠标点击时， 7.然后双击鼠标单击时在设置文字， 8.在设置全局变量为10， 9.点击确定就做好了。 ...
Axure中实现页面跳转倒计时
weixin_43856351的博客
12-04 7437
在浏览一个页面时，如果跳转到下一个页面，一般需要等待几秒，有些网站就会产生倒计时等待的状态，这样一个效果暂且称为Axure页面跳转倒计时。在Axure（http://www.axurechina.cc/）中要实现这样一个效果需要用到几个简单的交互效果，以下将是具体操作流程。关于页面跳转的设置还有一个教程可以参考：如何实现Axure页面之间的跳转，此篇内容主要是关于点击一个文字状态触发跳转到相关内容...
Axure：实现跳转广告轮播图
Coolstuz的博客
10-03 285
功能实现：当打开app时，显示app的广告轮播图 1.元件需求 三个图片、一个动态面板、三个动态模板的状态：state1、state2、state3 2.交互 将三个图片分别放入三个状态中 给动态面板添加事件 3.结语 实现效果如图！ 本文中图一gif实现倒计时的效果实现在以往的博客中：Axure学习笔记：倒计时的实现_Coolstuz的博客-优快云博客 若有不足请指出问题，以此记录自己的学习笔记，希望能帮到一些同...
Axure rp9 倒计时按钮的设置
weixin_58496646的博客
06-30 1781
点击添加用例，双击用例一，添加变量，选择变量值，再选择倒计时（OnLoadVariable）的值不等于0，相当于图三显示的条件，当前变量值不等于0时，禁用当前元件，也就是不能点击，再设置下一步设置设置文本，将当前文本从获取验证码变成变量值减一秒后重新获取。此时再将该变量的值等待一秒后减一，之后再设置当这些条件成立时会触发事件。第二步我们需要设置的是当变量值为0的时候。创建一个按钮，对按钮点击进行交互，选择点击或轻触，再双击箭头所指，弹出图二交互界面；图2，3，4，5，6，7，8 交互栏。
Axure9 教程：利用全局变量实现跨页面传值.docx
05-30
Axure9 全局变量实现跨页面传值教程 Axure9 是一款功能强大且流行的原型设计工具，它提供了许多强大的交互功能，帮助设计师快速创建高保真原型。今天，我们将学习如何使用 Axure9 实现跨页面传值，通过全局变量来...
使用Axure制作倒计时效果.rp
10-14
使用Axure制作倒计时效果
Axure RP9 制作动态时间、倒计时以及动态变化数字效果
07-03
1.动态时间可以放在原型的产品设计图上，使得预览效果更具系统的真实性； 2.动态数字可以自定义颜色和字体效果，放在大数据可视化大屏上，动态效果更加灵动； 3.
Axure疑难杂症：全局变量跨页面数据传递（玩转全局变量）
最新发布
benleiqiang的博客
04-30 650
因为台账页行数据一般具有关联关系且多项，那么我们新增企业信息，就需要制作新增页来减轻页面的处理压力、提高处理速度，而不是在台账页进行新增，这属于产品的基本设计思维；案例一场景：登录页用户输入用户名后忘记了密码，单击忘记密码试图找回密码，这时我们就需要在密码页显示用户已输入的用户名，用户无需再次输入账号；3、台账页载入时，判断自定义的全局变量是否为空，为空则不添加数据；在密码页载入时——自定义的全局变量——赋值给该页面的账户文本框——完成；2、新增页用户对新增的多个项目录入完毕后，赋值给自定义的全局变量；
如何用Axure RP 8.0 制作类似时间60秒、10秒等倒计时效果
热门推荐
chali22的专栏
09-13 2万+
在原型设计的时候经常会用到时间倒时计，比如点击获取验证码后等待的60秒、120秒，或者页面等待10秒跳转到下一个页面等，这都属于倒计时的范畴，这里把用Axure成功制作倒计时的功能给大家分享一下。以在页面上倒计时10秒进入下一个页面为例： 方法/步骤 1.拖出来两个文本标签，一个在里面写入数字10，并命名为time，另一个写入文字“秒后自动进入下个页面”
JS实现自动倒计时30秒后按钮才可用
02-20
在发送段时，用的按钮事件
2021-05-08
weixin_57765394的博客
05-08 134
注意看箭头，按顺序操作下去 今天教大家Axure RP 8全局变量怎么做倒计时 首先我们先在元件库中拖一个矩形出来 然后给他填充一个颜色再输入一个倒计时 然后我们在上面项目菜单栏里面找到全局变量 然后我们添加一个全局变量 我们名称可以随便写给英文 在默认值里输入10 然后我们在旁边的属性栏里找到鼠标单击时 我们在动作一栏中找到设置变量值 然后找到我们刚才设置的变量 点击fx给它设置变量 然后我们把刚才设置的值输入进去 然后我们在动作栏中找到等待 我们在里面输入10
Axure RP 8制作计时器
qq3305559894的博客
12-08 2274
今天给大家分享一个简单的案例 步骤一： 设置一个自己喜欢的图案，输入倒计时，文字大小，颜色自定，如下图所示； 步骤二： 添加全局变量，菜单栏里找到项目，全局变量，添加全局变量，变量名称DJS，默认值可以设置10秒，20秒，1min等等，按自己需求输入，如下图所示； 步骤三： 设置条件变量值DJS>值为0.如下图所示； 步骤四： 设置交互事件，鼠标单击时，设置文本，设置矩形的文字 =“全局变量”的文字，等待1000毫秒，设置全局变量值于DJS = [[DJS-1]],设...
建档
cuilu3319的博客
08-12 171
我们家宝宝已经12周了（人家BB以岁计算，我们家BB还在以周计算，真是惭愧）。前两天到街道办了准生证，上午去医院建档。什么医院，都是妇产科人最多，挂号、排队，就诊，做B超。到处都是人。等了半天，终于排到我们做B超，B超要做早孕形...
Axure9:点击按钮后设置页面跳转
moyiyanting的博客
06-27 6498
设置步骤 1.选中要设置的按钮，打开交互面板，点击打开详细交互面板 2.设置单击时打开链接，选择要跳转到的页面
Axure教程——循环倒计时
weixin_43516258的博客
06-30 2007
本文介绍的是用Axure制作的循环倒计时
Axure实战003:APP启动界面5秒倒计时载入
kevinfan的博客
03-18 3871
今天要做的是在启动界面添加一个倒计时功能，启动app时有个启动界面，我们让这个界面停留5秒之后再载入到主页中去，这个功能很多app里面都有，一般会在这里放置些广告，这里我们用来展示我们的企业LOGO及平台名称，下面是一个简单的启动载入页面。 我们在要设置倒计时的页面上创建一个text文本，这里是我们要倒计时的数字，然后再添加一个动态面板（里面添加两个子页）用来实现循环变化...
软件观念革命:交互设计精髓_UI设计师、交互设计师、产品经理必备软件技能之Sketch...
weixin_39819576的博客
11-11 411
Sketch基础软件知识1.1 软件介绍与安装1.概述：Sketch 是一款适用于所有设计师的矢量绘图应用。基于矢量的绘图方式也是目前进行网页、图标以及界面设计的最好方式。除了矢量编辑的功能之外，Sketch 还增加了一些基本的位图处理能力，例如模糊和色彩调整。官方尽量将 Sketch 设计的功能强大且易于被理解使用，有经验的设计师花上几个小时便能将自己的设计技巧在 Sketch 中自如运用。对于...
实现几秒后跳转到另一页面
wangjin161的专栏
01-21 1065
<br /><html><br /><head><br /><meta http-equiv="refresh" content="5;url='www.baidu.com" /><br /><title>Redirecting....</title><br /></head><br /><body><br />Redirecting....<br /></body><br /></html><br />
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值