Axure的简单操作（倒计时使用变量）

最新推荐文章于 2026-05-18 07:36:02 发布
原创 最新推荐文章于 2026-05-18 07:36:02 发布 · 1.7w 阅读 · 10 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#axure #交互设计 #操作
本文详细介绍了如何在Axure中通过动态图层和函数实现倒计时效果。主要流程包括设置动态图层的隐藏/显示触发事件，以及处理倒计时递减至个位数和防止数值变为负数的问题。通过设置用例和条件，成功实现了倒计时功能。

Axure倒计时

本内容介绍使用函数和动态图层来实现倒计时，其主要思路是不断使动态图层进行隐藏/显示并使用隐藏/显示的触发事件，例如：当触发隐藏事件的时候延迟一秒后把文本的值减一并把再使图层显示，一旦显示马上又回到隐藏状态便可实现倒计时功能。

主要流程如下：

 

 

========================================================


========================================================


========================================================

 

========================================================

 

========================================================


========================================================


========================================================


========================================================


========================================================


========================================================


========================================================


========================================================

现在你可以运行下了，这个时候秒数会一直递减，并且会减成负数，而分数也没有变化。接下来我们需要处理的便是遗留的这两个问题。

========================================================

 

========================================================


========================================================


========================================================

这个时候如果我们开始运行页面的话会发现当数字跳到个位数的9时候不是我们需要的09，这个时候我们就要把9变为09。

========================================================

 

========================================================

 

========================================================

 

========================================================

 

========================================================

新建一个” 用例2 “后双击它，然后编辑用例2的条件和触发事件如下图

========================================================

 

========================================================

这个时候执行所编写的页面原型发现分数不会随着秒数变化而变化，来，我们马上搞定它。

========================================================

 

========================================================

Axure PR 9 倒计时 设计&交互
WGzhuiri的博客
12-20 1004
添加情形 情形6：添加条件 元件文字 时 大于 文本 0，添加动作，设置文本 秒 文本 59，分 文本 59， 时 插入变量或函数 ：0[[target.text-1]] ，等待 1000毫秒，触发事件 当前 载入时。添加情形 情形5：添加条件 元件文字 时 大于 文本 10，添加动作，设置文本 时 插入变量或函数 ：[[target.text-1]]，秒 文本 59，分 文本 59，等待 1000毫秒，触发事件 当前 载入时。添加动作，等待 1000毫秒，触发事件 当前 载入时。
YOLO-World实战：如何用开放词汇检测赋能智能零售货架盘点
最新发布
weixin_33722405的博客
05-18 806
本文探讨了YOLO-World开放词汇目标检测技术在智能零售货架盘点中的应用。通过零样本识别、实时处理和语义理解三大优势，YOLO-World显著提升了商品识别准确率和盘点效率。文章详细解析了RepVL-PAN核心技术，并提供了硬件选型、提示词工程等实战指南，帮助实现高效部署。
Axure教程——循环倒计时
weixin_43516258的博客
06-30 2257
本文介绍的是用Axure制作的循环倒计时
axure 倒计时_Axure 8.0实例 |自定义倒计时制作流程
weixin_39570530的博客
12-19 466
原标题：Axure 8.0实例 |自定义倒计时制作流程 一年一度的双十一快要来临了，最近闲来无事，用axure8.0实现了一个倒计时的功能，有兴趣的朋友闲来无事，可以鉴赏一番。至于大牛们就直接忽略吧。预览：一、准备元件1、添加一个文本框，用来输入要进行倒计时时间，并将文本框的类型改为“日期”，并给文本框一个名字，我这里就取名叫“倒计时日期”； 2、添加9个文本标签。分别起名为：“当前时间”、“倒计...
Axure：倒计时的实现
Coolstuz的博客
10-03 3179
功能实现：如图，点击时进入倒计时。 1.元件需求 一个文本标签 2.交互 1.添加全局变量countdown，并设置默认值为6 2.对文本标签进行交互 当countdown>=0时，触发case1：设置文本标签矩形的值为[[countdown]]，等待1秒后，将countdown的值-1（设置全局变量countdown的值为[[countdown-1]]），此时将文本标签矩形设置为禁止使用，最后再设置触发...
Axure rp9 倒计时按钮的设置
weixin_58496646的博客
06-30 2007
点击添加用例，双击用例一，添加变量，选择变量值，再选择倒计时（OnLoadVariable）的值不等于0，相当于图三显示的条件，当前变量值不等于0时，禁用当前元件，也就是不能点击，再设置下一步设置设置文本，将当前文本从获取验证码变成变量值减一秒后重新获取。此时再将该变量的值等待一秒后减一，之后再设置当这些条件成立时会触发事件。第二步我们需要设置的是当变量值为0的时候。创建一个按钮，对按钮点击进行交互，选择点击或轻触，再双击箭头所指，弹出图二交互界面；图2，3，4，5，6，7，8 交互栏。
Axure之倒计时简单实现
IT技术分享
03-13 3999
开心一笑【看大家都在抵制韩国，我翻遍家里也没找到有啥韩货可砸的，最后下楼把楼下姓韩的邻居打了一顿，因为他名叫韩国胜。】提出问题Axure如何实现倒计时和动画切换???解决问题此文只为一人而写……1.新建一个全新的项目。2.在元件库里，拖入两个一级标题元件，分别写上“距离高考还剩” 和 “天” 这两个文字。 具体如下：3.在元件库里，拖入一个动态面板，宽度：50，高度：50。4.双击动态面板，在弹出
用Axure制作60s倒计时
ying631099151的博客
11-03 1743
用axure制作60s倒计时构思准备工作1.1 从元件库中拖出一个矩形框 一个动态面板，在动态面板中的页面1放入一个文本框。1.2 复制页面1的动态面板设置全局变量实现交互1.1为“获取验证码”添加交互动作1.2为动态面板添加交互动作“[[countdown]]秒后可重新获取验证码” 最近一直沉迷于学习画各种高保真的原型图，在学习了在Axure上如何获取电脑的动态时间后，我开始琢磨如何制作倒计时，因为我感觉这个和获取动态时间应该有异曲同工之妙，好了，我们切入正题。 构思 我们先来构思一下整个倒计时需要用到什
Axure 倒计时使用变量
Alisa_lq的博客
07-27 634
Axure倒计时 本内容介绍使用函数和动态图层来实现倒计时，其主要思路是不断使动态图层进行隐藏/显示并使用隐藏/显示的触发事件，例如：当触发隐藏事件的时候延迟一秒后把文本的值减一并把再使图层显示，一旦显示马上又回到隐藏状态便可实现倒计时功能。 主要流程如下：  ========================================================   =
5分钟玩转Axure之倒计时相关设计
黄昏誓
09-20 943
倒计时的应用倒计时的应用怎样使用Axure制作倒计时验证码的倒计时进入页面倒计时总结 倒计时的应用 我们常见的软件设计中使用倒计时的地方主要有：获取验证码时、阅读某个页面完成任务时和常见的考试问答类等等方向。由此我们可见倒计时主要是有规避了在短时间内的不正常访问和满足系统期望对用户的页面停留时间做限制。 怎样使用Axure制作倒计时 我们主要介绍点某个按钮倒计时和进入页面倒计时两种类型的制作，因为其他类型基本就是对这两种基础类型做变形或结合。 验证码的倒计时 老规矩先上效果图： 由于方便演示，我们就讲此次
Axure原型设计：进阶版倒计时
ofay
09-25 1505
如果该教程较难，建议先观看我做的第一个倒计时（简单版），操作步骤更为详细：Axure原型设计：获取验证码倒计时的实现-CSDN博客开门见山，我们先来看看效果↓预览图： 一个命名为“触发器”的动态面板（两个面板状态）、一个命名为“秒”的矩形，并填入文字“10”、一个命名为“分”的矩形，并填入文字“01”、一个命名为“时”的矩形，并填入文字“01”、两个“：”矩形、一个填充色为黄色的背景矩形。（1）设置动态面板交互——载入时这个交互的作用是一直触发动态面板的下一个交互——状态改变时。（2）设置动态面板第二个交
Axure教程：倒计时和数字累加效果
ofay
09-12 1038
条件设置：设置页面载入用例。当时大于0且分秒微秒等于0时，则时自动减1，下一级别数字设为59，其它同理。（2）为页面设置[载入时]设置，重复触发部件载入时用例。（1）为需变动的数字部件设置用例，预设好最大值。如果页面中不仅仅只有这个用例，就引用动态面板。所需元件：单独变动的数字用独立部件。（1）为数字部件设置载入时用。（2）为页面设置载入时用例。所需元件：用文字部件。
Axure原型设计：制作验证码倒计时，并重新获取交互效果
ofay
09-23 928
首先，我们还是要明确一个思路，当我们在制作任何一个交互效果时，都需要对这个交互的步骤进行拆分，然后分别把对应步骤代入到Axure的交互设置中，是否可以用某些动作进行一一实现。
Axure之倒计时效果
LVXIANGAN的专栏
03-22 5637
Axure倒计时 本内容介绍使用函数和动态图层来实现倒计时，其主要思路是： 不断使动态图层进行隐藏/显示并使用隐藏/显示的触发事件。 例如：当触发隐藏事件的时候延迟一秒后把文本的值减一并把再使图层显示，一旦显示马上又回到隐藏状态便可实现倒计时功能。主要流程如下：     ==============================================
如何用Axure RP 8.0 制作类似时间60秒、10秒等倒计时效果
热门推荐
chali22的专栏
09-13 2万+
在原型设计的时候经常会用到时间倒时计，比如点击获取验证码后等待的60秒、120秒，或者页面等待10秒跳转到下一个页面等，这都属于倒计时的范畴，这里把用Axure成功制作倒计时的功能给大家分享一下。以在页面上倒计时10秒进入下一个页面为例： 方法/步骤 1.拖出来两个文本标签，一个在里面写入数字10，并命名为time，另一个写入文字“秒后自动进入下个页面”
【Axure案例】用Axure制作倒计时123的交互效果
小伟
10-31 730
哈喽，大家好！今天给大家介绍如何使用Axure制作倒计时123效果。
axure 9 按钮倒计时
liuzhuchen的专栏
01-19 3425
第一步，新建一 按钮 和 动态面板，位置随便放，不放重了就好。 双击**动态面板** ，添加一个state。可以在state1,state2中分别设置一个不同的图形，方便观察。 使用的时候，隐藏**动态面板**就可以达到最终效果 第二步，添加全局变量 timer 第三步，添加交互事件 按钮 -> 交互 交互1 单击时 添加动作1 "启用/禁用" 目标 当前 禁用 添加...
用Axure RP 8.0 制作类似时间5秒倒计时效果（包含软件汉化方法）
SHALLNY
07-10 3679
1.最近对于原型设计稍感兴趣，便下载了一个RP软件练练手，结合自己实际的项目，遇到了一个倒计时5秒的情况，现以该例进行总结。对于新手刚接触该软件还是要先下载一个汉化包熟悉下工具与菜单栏信息。 2.在网上下载到该汉化包 https://pan.baidu.com/share/init?surl=pLGVoGr 可以直接点击下面的蓝色关键词下载 Axure RP8中文破解版 提取密码：k5...
axure 倒计时_Axure倒计时效果
weixin_39742727的博客
12-19 739
在电商产品中，很多有限时促销、限时特价等活动，这时候就会有一个倒计时，不仅有时分秒，还有一个更小的单位，数字速度飞快地递减，给你一种再不买就来不及的紧迫感，我用Axure也做了一个这样的效果，不足之处请指出。1.先设置一个动态面板，命名为：“倒计时动态面板”，设置两个空白状态就行，该面板作用就是用来触发的，所以可以隐藏2.电商页面载入时自动开始倒计时，甚至在后台一直在倒计时，我这设置了两个按钮用来...
手把手教你如何使用Axure实现倒计时效果
weixin_43173093的博客
11-19 2807
我们经常看到一个场景，当点击某个按钮之后，旁边就会显示倒计时几秒后可以重新点击。这就是倒计时效果。 直接开始： 一、准备 添加全局变量：项目-全局变量-添加 time 值为60 准备一个矩形，添加文字：获取验证码。 准备一个动态面板，设置为两个 准备一个文本标签，不要输入字，放在一旁 给各个组件命名 二、设置交互 在动态面板上设置交互条件 在矩形上设置交互，自己设置禁用样式 ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值