![495bb1984d93c10267481a273462c197.png](https://img-blog.csdnimg.cn/img_convert/495bb1984d93c10267481a273462c197.png)
刚开始学axure,发现入门还是蛮简单的,所以从现在开始写一些自己体会的内容,以后忘记了也可以来翻阅一下。
因为是入门,所以内容肯定是很简单的,但是本文也不会致力于写教程一样那么详细,还是侧重于自己的理解,把一个小知识点吃透。
这里做一个demo,以展示动态面板的基础用法增加对其的理解。
我们都知道,Axure中的动态面板的含义就是一个有多种状态的板子。每一种状态下还可以挂不同的状态。所以在原型设计中遇到点击不同按钮有不同状态的情况可以考虑使用动态面板。
此处以下拉列表的联动为例,大概讲一下。
首先我们要准备一个省份选择的下拉列表,就是第一个选项表,再后面的下拉列表都要基于这个列表的选项变化;
![b01b6f26e940d822323061a47a4b8835.png](https://img-blog.csdnimg.cn/img_convert/b01b6f26e940d822323061a47a4b8835.png)
第二步,我们增加一个动态面板,目的就是利用动态面板可以设置多个状态,并且可以根据动作切换;
![1be7f649f7faddbda66e78ff022a82a0.png](https://img-blog.csdnimg.cn/img_convert/1be7f649f7faddbda66e78ff022a82a0.png)
第三步,我们双击这个动态面板,然后就会进到状态1的情况,我们在状态1中加入一个下拉列表,用来填写市的选择;
![fdd3553f6063cc446db51563a73331d8.png](https://img-blog.csdnimg.cn/img_convert/fdd3553f6063cc446db51563a73331d8.png)
![8662bc0cd97d2db2a152d8b179ebc090.png](https://img-blog.csdnimg.cn/img_convert/8662bc0cd97d2db2a152d8b179ebc090.png)
第四步就要加上其他的状态,每个状态都增加一个下拉列表,用来展示不同省的城市选择;
![57b9b5000f5e910092d5a286c2b6cc93.png](https://img-blog.csdnimg.cn/img_convert/57b9b5000f5e910092d5a286c2b6cc93.png)
第五步把省级选择的下拉列表增加交互,比如选择湖北省时,面板展示为湖北城市列表的状态,用起来很方便。
![d0c1818f7e913c7a251e500ac509c127.png](https://img-blog.csdnimg.cn/img_convert/d0c1818f7e913c7a251e500ac509c127.png)
动态面板不光可以用来这种多状态的选择,设计原型时,比如文字的滚动,某些组件的平移,只要时有动作的内容,都可以考虑使用动态面板来实现。
当然方案不止一个,大家可以自由选择。
不知道大家对动态面板理解的怎么样了,Ta就像桌子上边的一层玻璃,上边还可以放一些经常使用的东西,东西可以随着这块玻璃板动而动。
你要是不知道桌子上为啥会有一块玻璃,那么表示你还年轻。