axure rp8 添加动态面板_Axure RP8 动态面板之折叠和展开(例如菜单栏)

第二步：进入动态面板【State1-B1】和【State2-B1】的编辑页面，分别在两个页面添加两个矩形，小矩形坐标及大小为：(0,0)(200,50)，大矩形坐标及大小为：(0,50)(200,250)；填充内容及颜色作为标记；且将动态面板【State1-B1】的大矩形设置为隐藏；其他面板的设置一样；分别如图所示：

第三步：

进入【State1-B1】编辑，设置事件;

选中小矩形M1——添加事件【鼠标单击】——【设置面板状态】——选择动态面板【B1】——选择状态【State2-B1】——确认继续添加事件【移动】——勾选动态面板【B2】——移动【相对位置】——设置坐标为(0，250)——确认继续添加事件【移动】——勾选动态面板【B3】——移动【相对位置】——设置坐标为(0，250)——确认

进入【State2-B1】编辑，设置事件；

选中小矩形M1——添加事件【鼠标单击】——【设置面板状态】——选择动态面板【B1】——选择状态【State1-B1】——确认继续添加事件【移动】——勾选动态面板【B2】——移动【相对位置】——设置坐标为(0，-250)——确认继续添加事件【移动】——勾选动态面板【B3】——移动【相对位置】——设置坐标为(0，-250)——确认

如图所示：

其他设置也是同上，就不用文字累赘了。

进入【State2-B2】和【State1-B2】编辑入截图如下：

进入【State2-B3】和【State1-B3】编辑入截图如下：

点击预览，即可运行成功啦！设置的过程中，注意坐标之间的关系，就不是很复杂了。

本文由 @Cassie 原创发布于人人都是产品经理。未经许可，禁止转载