Axure动态面板

一、定义

二、创建动态面板

1、【拖入】动态面板

1）Axure9

动态面板为淡蓝色，且图标颜色各层都不同

我们可以选择添加状态，制作各种各样的状态（直接添加各种原件），到时候利用交互实现不同状态的切换

2）Axure10

动态面板在互动区域，且图标和面板都为紫色，

同样是鼠标双击进入编辑区域

不同的一点：Axure10增加了一个查看全部状态（9没有）

2、将原件【转换为】动态面板

三、案例制作

1、按钮效果（点击变化，鼠标悬停）

1）将矩形转换为动态面板，制作2个不同效果的状态

2）再对各个元件（大拇指、文字、整个动态面板）设置交互效果，或直接设置热区，确保点击按钮中的任意地方都可以实现状态的切换

---

2、页面滑动

要求：当点击全部时，切换到全部页面，且【全部】加粗，下面有下划线显示；点击服装时，切换到服装页面，且【服装】加粗，下面有下划线显示；点击家具时，切换到家具页面，且【家具】加粗，下面有下划线显示。且都要实现各个页面的垂直滚动（加载更多商品）。

1）选择两个动态面板，并根据要求设置不同的三种状态

2）给【全部】【服装】【家具】添加交互效果（要求中是点击它们之后才进行的页面切换）

点击时，要实现【服装】显示和服装页面同时切换，所以我们要对【点击服装】设置两个交互效果

3）【全部】【家具】的操作与服装一致

3、轮播图

实现效果：点击圆1、2、3能分别对应到3种状态；点击左右箭头实现上一个、下一个状态的切换；鼠标在图片上左右滑动，实现上一个、下一个状态切换。

1）制作基本图形，然后设置动态面板3种状态

2）对各个按钮进行交互效果设置

3）问题：如何实现效果3到效果1、效果1到效果3的丝滑切换？

需要勾选循环这个重要条件，左右箭头也同样需要