Axure RP9教程 动态面板 Banner切换效果

一、说明

动态面板在 Axure 中地位颇高
动态面板在 Axure 的地位可谓颇高 ,是 Axure 中最重要的一个元件之一。几乎可以一 句话来概括“当你想不出用什么办法来实现某个效果时就想一想动态面板”。 它的功能十分强大,比如:拥有独立的内部坐标系,有多个状态,Banner的案例中会用到动态面板多个状态进行实现

二、效果展示

Axure RP9教程 动态面板 Banner切换效果
连接案例:https://f9d9x0.axshare.com/

三、操作步骤

  1. 在画布中添加一个动态面板,或者在画布中添加一个矩形框,选中矩形鼠标右键创建动态面板
  2. 选中动态面板,双击默认进入动态面板状态1中,选中下拉图标新增状态,操作如下:
    Axure RP9教程 动态面板 Banner切换效果
  3. 分别给不同的状态,添加红、黄、蓝不同背景色;
  4. 添加三个矩形或按钮,添加鼠标单击时交互事件、并同步设置面板状态,及动画。
    Axure RP9教程 动态面板 Banner切换效果
  5. 复制红色矩形框交互事件,选择黄、蓝色矩形,在交互区域中,粘贴即可。