如何使用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轮播图
  • Unity 实用教程 之 实现类AR扫描全屏幕效果
  • unity 3d 2019软件中如何创建球体模型
  • Unity3D如何编写代码控制游戏物体的旋转
  • Axure rp如何制作交互效果?
  • axure怎么实现鼠标经过显示提示效果
  • 热门搜索
    中国梦手抄报设计图 弘扬法治精神手抄报 弟子规手抄报大全 小学语文手抄报 国庆70周年手抄报 小学生科技手抄报图片 我是文明小学生手抄报 清明节祭奠英烈手抄报 民间故事手抄报 快乐阅读手抄报内容