Axure 点击按钮出d窗

点击按钮出d窗，是PC或APP上最基本的交互。我们利用Axure可以快速设计实现该交互。

具体 *** 作：

1. 输入好需要点击按钮后跳出d窗的页面；

2. 拖动控件“动态面板”至页面空白处，点击右键将动态面板“设为隐藏”；

3. 双击“动态面板”，设置该面板名称：d窗，双击State1进入面板编辑页面；

4. 在面板编辑页面配置具体d窗内容（注意将d窗内容配置在输入框内）；

5. 在第一步配好的页面按钮处，添加交互用例——鼠标单击时显示动态面板：d窗；

实现效果：点击按钮，跳出d窗。

6. 在动态面板“确认”按钮处，添加交互用例——鼠标单击时隐藏动态面板：d窗；

实现效果：点击确认按钮，d窗关闭。

7. 在动态面板“取消”按钮处，添加交互用例——鼠标单击时隐藏动态面板：d窗；

实现效果：点击取消按钮，d窗关闭。

6. 最后一步，点击index中动态面板，美化动态面板，置于浏览器中间位置；

整体效果：

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

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

你指什么？d出窗口这个交互 还是？

如果是想做个d出窗口。可以利用动态面板交互。

1、先取一个动态面板，然后创建一个图层。放入你要d出的东西。

2、设置动态面板隐藏。

3、设置交互，比如点击，或者鼠标指到某处的时候 使此面板设置为显示，并且切换到某一图层

如果你要设置自动d出，可以设置一个定时器，比如Onloadpage的变量（在正下方）里设置交互，可以利用 进入页面之后倒计时/某一事件触发/变量值 等方式的时候自动设置上面的图层显示至最顶层。

至于控件……也许你要的就是动态面板吧 = =

---