「Axure」如何实现弹窗效果？现成的操作步骤这里

2023/7/11 9:11:41 ('互联网')

对于一个新手

（图仔）

产品来说，画原型图是常备技能之一。

如何用Axure实现一个页面弹窗效果？像这样色的~

视频加载中...

_.1._ 制作弹窗步骤

用Axure制作弹窗具体步骤：

① 打开Axure，在默认元件找到按钮，将其拖入画布中；

新增一个按钮

② 新建一个子页面，命名“弹窗”，在弹窗页新增一个无背景色的矩形，并去除边框；

展开全文

将矩形框拖入画布中

③ 在矩形框添加想要信息，和操作按钮【确认】，以及关闭按钮【X】；

④ 分别给【确认】和【X】添加鼠标事件，点击后隐藏弹窗；

⑤ 按住shift键的同时，鼠标选择矩形框及其中的所有添加信息，然后点击右键，在弹出的操作中选择“合并”。

._2._ 在引用页中添加弹窗

在引用页中添加弹窗，常见的有2种方式：

（1）通过点击按钮跳转到弹窗页（链接动作）

（2）在引用页中弹窗二次弹窗（元件动作 > 显示/隐藏）

下面是第一种实现方式：

设置跳转链接

设置打开链接

_.3._ 如何在当前页添加一个弹窗？

在引用页的当前页弹窗二次弹窗：

① 将已组合的弹窗选中，点击右键，在出现的选项中选择“转换为动态面板”；

② 将动态面板复制到引用页，并将其默认隐藏；

添加动态面板

③ 对引用页的按钮，进行交互效果设置：

隐藏弹窗

显示

#人工智能#

#成长#

#科技#

---------------------------------------------------------------

所有信息来源于互联网,本文的版权归原作者所有，不代表本网观点和立场。

本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至 81480447@qq.com 举报，一经查实，本站将立刻删除。

养老资讯

助老机构介绍

已有 0 条评论

看不清楚?请点击刷新验证码