Axure RP 8 动态面板介绍
动态面板的实质就是层,一个动态面板可以有多个状态,每个状态可包含一系列元件;正是因为动态面板的存在实现了同一区域状态的变化。
· 任何时候都只有一个状态时可见的,一般都是默认第一个状态可见。
· 动态面板的状态可以隐藏、显示和改变。
· 将动态面板拖到界面后,可以根据需要改变面板大小、位置。
· 使用动态面板的情况:
-
- 页面中存某块内容在开始不显示,后来显示的情况;
- 在开始页面加载时不显示,后来显示的情况;
- Tab页切换;
- 某块内容随着事件的不同显示位置不同的情况。
下面来讲解一个动态面板的实例:
实现功能:这个动态面板是一个简单的轮播,当鼠标点击动态面板或点击开始按钮时,图片开始切换,点击停止按钮图片停止切换,当图片切换至第一个图片时自动停止切换。
效果图如
实现过程:
首先拖动动态面版到页面上,调整好大下,顺便拖动两个按钮,分别取名为开始和停止,双击动态面板弹出面板状态管理,点击State1再点复制添加多个自己想要的状态,分别调整好样式的状态
单机动态面板,在交互面版设置想要的动态效果:
再分别给开始和停止在交互面板设置交互事件:
开始:
结束:
这样就能得到想要的效果了。