axure动态面板基本使用及案例

前言：

在Axure中的很多交互都是由动态面板来实现的，本篇讲述了axure动态面板的作用以及案例

一、动态面板简介

1.1 什么是动态面板？

• *官方解释：动态面板控件(Dynamic Panel)可以让你实现高级的交互功能,实现原型的高保真度。动态面板包含有多个状态(states),每个状态可包含一系列控件，任何时候都只有一个状态可见。
• 动态面板里面可以包含多个状态，所以通过一些事件可以对动态面板的状态进行切换，以此来实现交互效果。

二、怎么使用动态面板以及一些案例

2.1如何使用动态面板：

• 要记得选中内容不然画布里面没有内容

这是没选中的

这是选中的

-勾上自适应内容和100%宽度，没勾的话需要自己调

• 轮播图案例：运用动态面板和图片以及元件还有交互实现简单的轮播图
• 拖动动态面板到画布上点进去再把图片托进去然后多复制几个，在托两个箭头元件，给箭头
  元件新建交互选择单击时，在选择设置面板状态然后选择状态再选择动画
  
  
  

效果

2.2多方式登录案例：

消除矩形的边框

• 给账号登录添加交互
  

效果

2.3后台主界面左侧侧边栏案例：

• 给元件取名字方便找到
  
  

效果

2.4一些案例：