Axure一起来 1.5 动态面板
2016-04-08 本文已影响96人
Javalover93
本页内容参照官网Introducing Dynamic Panels
- 创建动态面板
- 在动态面板状态之间切换
一、创建动态面板
- 拖拽一个图片元件和一个按钮元件到页面，双击图片元件导入一幅图片，更改按钮文字为“下一页”。
- 在图片上右键，选择转换为动态面板，页面基本没有变化，但右下角元件管理窗口出现一个新的动态面板，暗示动态面板可以当成一个新的元件对待。
-
修改动态面板的名称。
元件管理窗口
如果手贱把动态面板再转换为动态面板会怎么样？层层嵌套，想必大有可为。
二、动态面板的新动态
- 双击动态面板打开动态面板状态管理，新建几个面板状态（也可以直接在元件管理中操作）；
-
双击各个面板状态，进入编辑窗口，分别添加一幅新的图片
动态面板状态管理
动态面板就像是在页面这堵墙上开了个窗或者是挂了个相框，而且还是个“可编程可交互”的数码相框。
三、设置动态面板的交互动作
- 选中“下一页”按钮，设置鼠标单击时的交互，动态面板>设置面板状态；
-
勾选目标动态面板，选择状态为Next，设置希望的动画和动画时间。
动态面板交互动作
最终效果
- 页面上一幅图和一个按钮，点击按钮图片切换到下一页，图片大小和位置不同。
“弄了那么久，好像还是很粗糙啊。而且下一幅图片没进来，上一幅就消失了，还不能循环播放！”
“呐，勾选向后循环就可以循环了，另外不是忘记设置退出动画了嘛。”
太棒了！你的页面开始变得有点生机了！
（未完待续）
点这里关注Axure一起来，继续一起学Axure
