win10系统家园 - 专注分享最好用的电脑系统

当前位置: win10系统家园 >  系统教程 >  电脑教程 >  axure怎么设置弹窗并自动隐藏

axure怎么设置弹窗并自动隐藏 RP9弹出提示框自动消失怎么做

更新时间:2023-06-30 10:45:08作者:xiaoliu

  axure怎么设置弹窗并自动隐藏,Axure是一款专业的原型设计工具,可以帮助用户建立高质量、交互性强的产品原型。在使用Axure时,我们通常需要设置弹窗界面,并且需要对弹窗的自动隐藏进行相关设置。因此本文将介绍如何使用Axure来实现弹窗自动隐藏功能。针对RP9弹出提示框自动消失的问题,我们可以通过设置定时器、添加互动动画等方式来解决。下面我们将详细介绍如何使用Axure进行相关设置,帮助大家在实现原型设计时提升效率和实用性。

RP9弹出提示框自动消失怎么做

一般如操作成功,保存成功。或者这次我运用的场景是,运行后台任务,在页面上弹出进度条框,进度条走完即弹出框自动关闭。

其一,实现进度条的“动态”增长;其二便是弹出框的自动消失如何实现。

axure怎么设置弹窗并自动隐藏 RP9弹出提示框自动消失怎么做提示框

如何在Axure中制作这种效果呢,我已RP9做了Demo给小伙伴们展示。

按逻辑来讲,是很好理解的:

(点击按钮)触发显示提示框;先wait3s,再隐藏提示框。2个控件:trigger按钮;动态面板(内含提示框);2个事件:显示隐藏提示框;wait3s隐藏提示框。

图文实操正式开始:

Step1 在页面上拖出2个控件:按钮一枚(trigger触发器),动态面板1个(内含提示框一枚)按钮命名 Trigger触发器动态面板命名 提示框

效果图:

axure怎么设置弹窗并自动隐藏 RP9弹出提示框自动消失怎么做Step2-1 按钮控件上实现动态面板的显示:axure怎么设置弹窗并自动隐藏 RP9弹出提示框自动消失怎么做

A 开始高阶操作--启用情形(双击“单击时”也可进入情形配置界面):

axure怎么设置弹窗并自动隐藏 RP9弹出提示框自动消失怎么做

B 启用情形如下图填写,这是一个任何时候都为真的表达式(仅用于后续自动消失的对比情形)

axure怎么设置弹窗并自动隐藏 RP9弹出提示框自动消失怎么做

效果如下图,即完成了基本的配置。

axure怎么设置弹窗并自动隐藏 RP9弹出提示框自动消失怎么做Step2-2 实现动态面板的隐藏操作:

A 在单击时添加新情形,不需要任何条件。保存即可:

axure怎么设置弹窗并自动隐藏 RP9弹出提示框自动消失怎么做

B 给Case2新情形增加2个动作:

B1 Wait3000ms B2 隐藏提示框(动态面板) B3 给Case2切换条件【切换为【如果】或【否则】】(右键选中Case2设置)

B1 Wait3000ms:

axure怎么设置弹窗并自动隐藏 RP9弹出提示框自动消失怎么做B1 --Wait3000msaxure怎么设置弹窗并自动隐藏 RP9弹出提示框自动消失怎么做B1 --Wait3000ms

B2 隐藏提示框(动态面板)

axure怎么设置弹窗并自动隐藏 RP9弹出提示框自动消失怎么做B2 --隐藏提示框(动态面板)axure怎么设置弹窗并自动隐藏 RP9弹出提示框自动消失怎么做B2 --隐藏提示框(动态面板)

B3 给Case2切换条件【 切换为【如果】或【否则】】(右键选中Case2设置)

axure怎么设置弹窗并自动隐藏 RP9弹出提示框自动消失怎么做B3 给Case2切换条件【 切换为【如果】或【否则】】

大功告成啦~ 直接在预览中可以看到效果~~

可爱提示:保存到母版中无限复用喔~

碎碎念:关于B3本小新新感觉还是有点没明白是啥意思,但是整体流程还是挺好搭起来的,搭起来就可以为自己所用啦。如果不成功可以私信我要RP原型哈。

学习来源:

axure怎么设置弹窗并自动隐藏教程 | 如何实现弹出的提示自动消失(基于RP8)

在Axure中,可以使用交互面板中的动作选项设置弹窗,并在定时器条件下自动隐藏。首先,需要在页面中添加一个弹窗组件,然后在交互面板中选择显示/隐藏并选择弹窗组件。接下来,在动作选项中添加一个定时器并设置定时器的时间,最后在定时器条件下选择隐藏并选择弹窗组件即可。这样,弹出提示框将会在设定的时间过后自动消失。

Copyright ©  2012-2024 win10系统家园 版权声明