【原型设计】Axure RP实现弹窗效果

今日教程分享，请立即食用。

学习一下Axure弹窗效果的实现如何操作。

首先我们打开软件，可以在元件库拖入一个按钮到空白面板中，然后这个按钮的作用是点击弹窗：

命名为点击弹窗：

然后在拖入一个图片，当做我们一会要弹出的窗口，先隐藏起来：

在按钮的属性设置为“鼠标单击时”显示这个图片，选择灯箱效果，为了突出显示这个图片，背景会变黑，这也是一些APP常见的效果，然后点击确定：

点击预览一下：

点击按钮显示效果，背景变灰，突出显示图片：

同时这个灯箱效果还自带一个功能，点击空白处，就会自动隐藏。如果我们不选择这个灯箱效果，是无法自动缩回的。我们可以试验一下：

预览过后就不会出现背景变灰，突出图片的效果，点击空白处也不会缩回去，依然显示弹出窗口效果。

本文来自http://www.axurechina.cc/news/99-cn.html