您的位置首页生活百科

axure弹框背景如何设置遮罩层

axure弹框背景如何设置遮罩层

的有关信息介绍如下:

axure弹框背景如何设置遮罩层

使用axure制作原型时,通常用到动态面板制作网页弹出效果,弹出框口后背景色会有一层蒙灰层,也就是我们说的遮罩层,结合动态面板操作会更简单,一起学习下

打开axure,拖入矩形框,大小调整到网页大小相同(随便加几个图片作内容),用于遮罩,命名为“遮罩层”。同时拖入个按钮,用于点击弹框

拖入第2个矩形框, 大小要小于网页,右击【转换为动态面板】,动态面板名称命为“窗口”

进入state,对弹出的窗口添加内容,这里简单操作

将矩形和段落组合,再将窗口边框设置为无边框, 同时【隐藏】

关闭动态面板,回到”遮罩层“ 设置交互。 选定按钮,点击【鼠标单击时】,元件选”显示“,勾选”动态面板“, 必须要选择”灯箱效果“

预览,查看效果