快捷搜索:  汽车  科技

全屏轮播图制作教程(如何制作一个开屏引导轮播图)

全屏轮播图制作教程(如何制作一个开屏引导轮播图)

效果展示:

全屏轮播图制作教程(如何制作一个开屏引导轮播图)(1)

前置准备:
  • 三张开屏图片素材
  • 相对应的文案
具体步骤:
  • 添加配置轮播图基础组件
  • 添加配置数据中心和事件中心
  • 添加配置轮播图触发器
  • 添加配置轮播图条目数据
  • 配置轮播点
步骤分解:添加配置轮播图基础组件
  • 添加 轮播图 组件
  • 配置 尺寸设置
  • 添加需要数量的 标签文本 组件
  • 添加需要数量的 图片 组件

全屏轮播图制作教程(如何制作一个开屏引导轮播图)(2)

全屏轮播图制作教程(如何制作一个开屏引导轮播图)(3)

添加配置数据中心和事件中心
  • 点击上方创建 数据中心
  • 配置 数据中心 数据
  • 填充准备好的文案和图片素材
  • 点击上方创建 事件中心
  • 添加 数据事件
  • 配置 事件中心-数据事件 数据

全屏轮播图制作教程(如何制作一个开屏引导轮播图)(4)

全屏轮播图制作教程(如何制作一个开屏引导轮播图)(5)

全屏轮播图制作教程(如何制作一个开屏引导轮播图)(6)

全屏轮播图制作教程(如何制作一个开屏引导轮播图)(7)

添加配置轮播图触发器
  • 图层中选择 轮播图 组件
  • 点击添加 触发器 配置相关数据
  • 点击 数据绑定及设置 配置相关数据

全屏轮播图制作教程(如何制作一个开屏引导轮播图)(8)

全屏轮播图制作教程(如何制作一个开屏引导轮播图)(9)

添加配置轮播图条目数据
  • 图层中选择 轮播图条目(list item) 组件
  • 点击添加 数据绑定及设置 配置相关数据

全屏轮播图制作教程(如何制作一个开屏引导轮播图)(10)

配置轮播点
  • 图层中选择 轮播点(Dot) 组件
  • 配置 样式设置 相关数据

全屏轮播图制作教程(如何制作一个开屏引导轮播图)(11)

猜您喜欢: