对于一个新手
(图仔)
产品来说,画原型图是常备技能之一。
如何用Axure实现一个页面弹窗效果?像这样色的~
视频加载中...
_.1._ 制作弹窗步骤
用Axure制作弹窗具体步骤:
① 打开Axure,在默认元件找到按钮,将其拖入画布中;
新增一个按钮
② 新建一个子页面,命名“弹窗”,在弹窗页新增一个无背景色的矩形,并去除边框;
展开全文
将矩形框拖入画布中
③ 在矩形框添加想要信息,和操作按钮【确认】,以及关闭按钮【X】;
④ 分别给【确认】和【X】添加鼠标事件,点击后隐藏弹窗;
⑤ 按住shift键的同时,鼠标选择矩形框及其中的所有添加信息,然后点击右键,在弹出的操作中选择“合并”。
._2._ 在引用页中添加弹窗
在引用页中添加弹窗,常见的有2种方式:
(1)通过点击按钮跳转到弹窗页(链接动作)
(2)在引用页中弹窗二次弹窗(元件动作 > 显示/隐藏)
下面是第一种实现方式:
设置跳转链接
设置打开链接
_.3._ 如何在当前页添加一个弹窗?
在引用页的当前页弹窗二次弹窗:
① 将已组合的弹窗选中,点击右键,在出现的选项中选择“转换为动态面板”;
② 将动态面板复制到引用页,并将其默认隐藏;
添加动态面板
③ 对引用页的按钮,进行交互效果设置:
隐藏弹窗
显示
#人工智能#
#成长#
#科技#
特别声明
本文仅代表作者观点,不代表本站立场,本站仅提供信息存储服务。