本文的主角是 神奇的动态面板。
动态面板，在Axure中是三层叠板堆叠的图标，大概可知该元件可以包含很多层。
动态面板图标
Axure中动态面板图标
实际上，我们可以把动态面板想象成一个大的透明盒子，里面装着一层一层透明的面板，面板上可以贴图可写文字，从上面看， 那个面板在最上面，就会默认看到最上面一层的图案。
现在我们来看看动态面板的基础用法。
01、创建有2个状态（面板）的动态面板。
往工作区中拖入一个动态面板元件，双击动态面板，给命名、添加状态，双击编辑状态。（提示：也可给状态进行命名，默认名称为State加序号）。
image
在状态中可拖动元件进入，编辑自己需要的内容。按操作重复编辑State2即可完成包含两个状态的动态面板创建。
image.png
02、利用动态面板多层面板的特点，实现自动轮播图的效果
单击选中动态面板，点击“载入时”事件。（载入时：页面渲染过程中，会加载该元件，通过元件载入的变化来做一些交互效果）
image
如下图：
1、设置用例名称（事件名称）为自动轮播，
2、点击动作列表中的设置面板状态，
3、选择“演示的动态面板”，
4、选择状态为Next，勾选向后循环，设置循环间隔1000毫秒，
5、设置面板进入的动画效果，时间默认500毫秒。
image
6、确定，按下F5预览效果，轮播图效果就完成了。
image
今天的动态面板就说到这了，轮播图练习文件地址：
https://pan.baidu.com/s/1uIat2CmUVPXUol7OG6Sagw
文章来自微信公众号“木目原型”
微信ID：mumuaxure
网友评论