Axure、墨刀制作轮播图

一、准备图片

首先准备三张大小相同的图片，因为轮播图图片大小不一致，会导致展示效果出现偏差，因此需保证图片大小相同。

 

二、创建动态面板

1、右键点击第一张图片，唤起菜单，选择“创建动态面板”

2、我们可以看到图片上面出现了一层遮罩，表示动态面板创建完成

3、双击动态面板，进入动态面板编辑界面

三、编辑界面介绍：

1. 点击绿色标题栏状态名称，可打开状态列表

2. 鼠标移入某一个状态，会出现复制和删除图标，点击可复制或删除该状态

3. 点击状态列表下方按钮，可新增空白状态

4. 点击绿色标题栏右侧关闭按钮，可关闭动态面板编辑界面

5、我们点击“复制状态”图标，复制出三个状态，分别放置三张图片。

 6、点击状态名称，可修改该状态名称。教学中我们不作修改，沿用默认名称。

7、我们接下来需要替换状态2与状态3的图片。点击State2，切换至状态2

8、替换图片。注意横坐标与纵坐标需与状态1中的图片保持一致。同理替换状态3图片

9、动态面