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

如何使用AxureRP8制作简单的banner轮播图

时间:2024-10-12 07:32:48

1、首先我们新建一个页面,作为下一步制作轮播图的工作区,并命名为banner轮播图

如何使用AxureRP8制作简单的banner轮播图

2、然后拖入一个占位符,将占位符转换为动态面板

如何使用AxureRP8制作简单的banner轮播图

3、然后在动态面板下面添加状态,预计显示几张轮播图就建立几个状态,我们这里以三个为例

如何使用AxureRP8制作简单的banner轮播图

4、然后在每个state里面都添加一个占位符,这里一定要注意,需要把占位符的位置都调整成统一的坐标位置

如何使用AxureRP8制作简单的banner轮播图

5、下一步进行动态交互的设置,选择动态面板,然后双击载入时用例

如何使用AxureRP8制作简单的banner轮播图

6、在元件里面选择设置面板状态,然后选择动态面板,设置next操作,然后进行时间等等的操作,具体的见下图

如何使用AxureRP8制作简单的banner轮播图

7、设置完成之后,返回banner图亲莉植轮播图的界面,然后在软件的右上部有预览的功能,点击即可在浏览器中浏览效果。

如何使用AxureRP8制作简单的banner轮播图

8、这里整个操作使用的占溴腻男替位符演示的,大家可以根据自己的需要换成相应的图片,然后对图片元件设置成实际展示的图片即可

如何使用AxureRP8制作简单的banner轮播图
© 手抄报圈