如何使用Axure：[7]制作弹出窗口Modal

当我们制作网站模型时，很容易就会遇到弹出窗口，一般情况下，在前端框架中，这种效果叫Modal。

工具/原料

Axure

准备

1、打开Axure，创建一个新的RP文件

2、拖入一个矩形，用于触发Modal弹出

3、拖入一个矩形，并转换为动态面板，并命名为ModalPane

4、进入ModalPane的咽疖纲掇状态state1中，设置已经存在的矩形的边框为「无边框」，设置其背景色为灰色，透明度为30%

5、添加一个矩形，作为弹出Modal，将其转换为动态面板

6、进入到Modal的状态编辑界面，并绘制Modal的内容

添加事件

1、在Modal动态面板中，为关闭按钮添加关闭事件

2、设置ModalPane的可见属性为隐藏

3、为「触发」按钮添加显示ModalPane的事件

完成

1、按F5进行预览