Axure RP9 漂浮窗制作实例
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本实例详细介绍了如何使用Axure RP9软件创建和设计漂浮窗口的具体步骤与技巧，帮助用户掌握交互式原型设计的核心技术。
本案例实现了页面悬浮框的漂浮效果、鼠标移入停止移动、移出继续移动及漂浮窗关闭的功能。该功能可用于广告或重大事项提示。
制作过程如下：
1. 拖入一个悬浮框及其关闭按钮。
2. 将悬浮框和关闭按钮设为组合“漂浮窗”。
3. 添加全局变量xzengliang, yzengliang用于控制移动增量。
4. 给悬浮框组件添加旋转时事件（这里可以使用任何不被使用的事件，也可以单独创建触发该事件的按钮），并设置使漂浮窗到达指定位置的功能。
5. 添加一个名为mouseyiru的全局标量，用作鼠标移入标记。
6. 为关闭（X）按钮添加旋转时事件，并针对鼠标的10种不同情况分别进行处理：包括鼠标移入、漂浮框在四个顶点及各边的情况等。
7. 给悬浮窗添加鼠标移入和移出的响应事件，具体设置如图所示。
8. 最后，在页面加载时触发一个事件来使漂浮框开始移动。
9. 为关闭按钮添加单击事件，当用户点击该按钮时隐藏漂浮窗。
全部评论 (0)
还没有任何评论哟~
