「Axure」如何实现弹窗效果?现成的操作步骤这里有_添加_按钮_引用

对于一个新手

(图仔)

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

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

视频加载中...

_.1._ 制作弹窗步骤

用Axure制作弹窗具体步骤:

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

新增一个按钮

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

展开全文

将矩形框拖入画布中

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

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

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

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

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

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

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

下面是第一种实现方式:

设置跳转链接

设置打开链接

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

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

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

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

添加动态面板

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

隐藏弹窗

显示

#人工智能#

#成长#

#科技#

特别声明

本文仅代表作者观点,不代表本站立场,本站仅提供信息存储服务。

分享:

扫一扫在手机阅读、分享本文