Axure的动态面板的使用

1、动态面板

1.1 什么是动态面板

动态面板是Axure中一个非常强大的高级元件，用于实现多个状态的切换展示，同时也常用于充当Axure中的定时器。 可以将其看成一个容器，可以容纳多种不同状态，通过各种交互触发其状态发生变化。

1.2 为什么要用动态面板

动态面板是Axure中使用频率最高的元件之一，动态面板专门用于设计原型中的动态功能，它可以包含一个或多个状态，每个状态就是一个页面，在这里可以任意编辑，通过控制状态的切换或显示/隐藏来实现一些我们常见的交互效果。

2、动态面板的使用

1. 动态面板类似于矩形，我们需要双击它进行一个打开，打开之后会显示一个动态面板的相对应状态（State1），可对状态进行一个修改，动态面板根据他的状态不同显示的东西是不一样的。

2.1 动态面板的案例-轮播图

1. 轮播图它默认是有大小限制的，当我们使用的时候它是没有办法进行自动匹配的，所以我们要让轮播图进行一个自适应图片大小，所以我们要勾选右侧两个按钮
   

2. 这里是一个简易通过按钮实现的一个效果，选中按钮选择交互，兴建交互选择单击时，如果元件多的话记得给轮播图取个名字，选择状态下一张就选择下一项，在选择进入动画、退出动画

2.2 轮播图-效果图

2.3 动态面板的案例-多种方式登录

1. 首先我们制作一个下滑线，如何让控制面板对下划线进行一个自适应

1. 然后给账号登录和短信登录进行一个交互事件的一个设置
   

2. 最后我们重新添加一个动态面板依次放入按钮和输入框，选中账号登录给它设置一个状态1，然后短信登录给它设置一个状态2，这样就可以进行一个来回切换的效果了

2.4 多种方式登录-效果图

2.5 左测菜单栏-效果图

2、ERP登录界面