Axure制作dialog效果的动作步骤

1.在Axure中添加一个弹框按钮

Axure制作dialog效果的动作步骤

 2.将动态面版拖动到界面中

Axure制作dialog效果的动作步骤

Axure制作dialog效果的动作步骤

 

 3.双击动态面版,双击state

Axure制作dialog效果的动作步骤

Axure制作dialog效果的动作步骤

 4.拖入一块图片占位符进来

 

Axure制作dialog效果的动作步骤

 5.设置图片

Axure制作dialog效果的动作步骤

 6.回到上一个界面设置动态面版的大小,使其包含我们的内容,

Axure制作dialog效果的动作步骤

7.动态面版设置隐藏

Axure制作dialog效果的动作步骤

 

8.设置按钮的弹框事件,双击“鼠标单击时”

Axure制作dialog效果的动作步骤

Axure制作dialog效果的动作步骤

 9.设置弹框再显示的时候据浏览器中间显示

动态面板==》固定到浏览器

Axure制作dialog效果的动作步骤

 10.点击弹框 按钮测试结果。

Axure制作dialog效果的动作步骤

 

正常项目中的弹框应该是包含弹框头,主要内容,底部按钮。这个时候可以把这张图片换成具体的内容

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzgzfw.html