本文档为您介绍当您在大屏配置过程中,遇到组件数量过多,导致组件相互遮盖,大屏太过拥挤的问题时,可以通过组内轮播功能,使DataV按照顺序自动播放各个组件。

前提条件

使用组内轮播功能前,请先将需要轮播的组件进行编组,详细方法请参见成组组件

背景信息

轮播功能作为一个在设计大屏中很便利强大的功能,帮助节省了大屏中大量的空间位置,解决了大屏拥挤的问题。
注意 组内轮播功能为专业版的功能,如果您需要使用此功能,请先将DataV升级到专业版本。

操作步骤

  1. 单击选中大屏中多个需要轮播的组件,鼠标右键单击成组
    详细操作方法请参见成组组件
  2. 选择大屏中已成组的组件,单击右侧配置面板下方的组件放不下?试试轮播功能
    组内轮播功能入口
  3. 在轮播功能配置面板中,打开组内对象轮播开关,按照以下说明配置基础设置动画设置
    开启组内轮播
    • 基础设置
      基础设置面板
      • 组内对齐:单击缩略图,分别选择水平垂直方向轮播组件的对齐方式。
        • 水平:包括左对齐,居中对齐,右对齐三种方式。
        • 垂直:包括上对齐,居中对齐,下对齐三种方式。
      • 触发方式:组件轮播的触发方式,可选。
        • 自动触发
        • 事件触发
        • 手动触发
      • 持续时长:组件轮播的持续时间,单位为ms。
    • 动画设置
      轮播动画面板
      单击某个组件缩略图,选择组内对应的组件,配置组件的动画属性。
      • 动画:组件轮播的动画效果,可选。
        • 渐隐渐显
        • 滑动
      • 动画时长:动画播放时长,单位为ms。
      • 缓动效果:动画播放的缓动效果,可选。
        • 线性
        • 先慢后快
        • 先快后慢
        • 中间快
  4. 组内所有的轮播组件都配置完成后,单击下方的预览预览按键),预览组件轮播样式。
    预览成功后,您可以在画布上看到各组件的轮播效果。
  5. 单击暂停暂停按键)停止预览组件轮播样式。
    预览轮播组内组件

后续步骤

单击大屏编辑器右上角的预览发布图标,在预览/发布页面查看组件的轮播效果。