Axure Rp9 - 实现按钮点击弹框效果

时间:2024-04-02 12:55:26

话不多说,直接上方法:

1,建立页面,拖入按钮以及一个动态模板

Axure Rp9 - 实现按钮点击弹框效果

2,双击动态模板,写入弹框内容,

Axure Rp9 - 实现按钮点击弹框效果

3,若想要弹框时,背景透明效果,则可以单击灰色部分,然后点击右侧样式,选择fill,彩色,更换颜色以及透明度即可.

Axure Rp9 - 实现按钮点击弹框效果

4,关闭动态面板回到页面,给按钮添加点击事件,选择显示/隐藏,选择要显示的动态模板(之前创建模板的时候可以命名下,方便这个时候寻找),选择显示,确认。

Axure Rp9 - 实现按钮点击弹框效果

5,然后将模板拖动跟页面内容重合,并右键动态面板设置隐藏,到此点击弹框就实现了,

Axure Rp9 - 实现按钮点击弹框效果

6,最后浏览器看下预览效果。关闭按钮的话同理,点击事件,显示/隐藏,选择当前模板,点击隐藏确认即可。

Axure Rp9 - 实现按钮点击弹框效果