手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何用Axure RP制作图片轮播

时间:2024-10-12 23:12:33

1、首先从部件库中拖图片部件到面板中,如图所示。

如何用Axure RP制作图片轮播
如何用Axure RP制作图片轮播

2、右击部件,导入图片,如图所示。

如何用Axure RP制作图片轮播
如何用Axure RP制作图片轮播

3、当你导入图片,按下确认后,会出现如下对话丸泸尺鸢框,如果点击“是”,则图片以原始大小导入,如果点击”否“,则图片只有图片部件框那么大。

如何用Axure RP制作图片轮播

4、导入图片后,再次右击,点击”转换为动态面板“。

如何用Axure RP制作图片轮播

5、之后双击图片部件,进入动态面板状态管理,在面板状态中点击状态1复制状态,创建状态2,状态3......

如何用Axure RP制作图片轮播

6、双击状态n(n=1,2,3......),进入编辑区,双击图片可以更换图片。

7、最后回到原始面板,单击图片面板,在右侧设置交互。首先应为动态面板命名(我命名为panel).

如何用Axure RP制作图片轮播

8、其次双击”载入时“,进入用例编辑器。

如何用Axure RP制作图片轮播

9、在用例编辑器的第二步中选择”设置面板状态“。

如何用Axure RP制作图片轮播

10、在用例编辑器的第四步中选择要设置的动态面板(我这里即为我刚命名的panel),再设醅呓择锗置选择状态为”Next",勾选下面两个子选项,再设置“进入时动画”和“退出时动画”,之后点击“确定”即可。

如何用Axure RP制作图片轮播

11、就这样,我们就完成了图片轮播的工作,小伙伴们可以点击“预览”去看看大家的成果了。

© 手抄报圈