当我们制作网站模型时,很容易就会遇到弹出窗口,一般情况下,在前端框架中,这种效果叫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
上一篇:原神哎呀海盗成就如何达成