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

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

学习一下 Axure d窗效果的实现如何 *** 作。

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

命名为点击d窗：

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

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

点击预览一下：

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

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

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

axure自带的d出功能有alert，你的这种需要自己处理！

思路：设置一个需要d出的动态面板或元件，然后设置为隐藏，点击按钮设置点击事件（点击时显示d出面板并置顶，然后设置等待时间，然后再设置隐藏d出面板并置底）

具体步骤如下：

这需要用到动态面板

1，从组件中将动态面板组件拖放到页面，点击右键，选编辑动态面板，选设为隐藏。

2，双击动态面板，编辑状态，在状态1里，设计好你的注册页面（动态面板默认显示的是第一个状态也就是最上面的）。

3，回到主页，编辑注册按钮的onclick事件，选择显示动态面板。

整体过程为：拖拽一个图片，双击能设置背景图片。然后选中按钮，并双击OnClick。

2.在d出的视图中可以修改点击事件的名字

3.由于我这个是在当前页面d出二级页面，所以点击Current Window，并点击要跳转的页面，然后点击ok。

4、点击ok后，回到工作区发现原来的按钮上有一个数字，表示添加上了点击事件，图中这是我添加的第二个点击事件，所以现实2。

至此点击事件的添加以及页面的跳转就完成了。

---