多语言展示
当前在线:1228今日阅读:23今日分享:25

如何使用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的事件

完成

按F5进行预览END

推荐信息