组件切换

轮播组件

案例展示了多个组件成组轮播，按钮组控制轮播组切换的功能。

步骤一： 创建轮播组

1. 新建大屏，任意添加多个组件。

2. 选择全部组件（框选或者按住 ctrl 多选），依次点击对齐下的水平居中和垂直居中将他们中心对齐，然后点击成组按钮将他们合并到一个组里。

   

3. 选中成组之后的组件，在右侧边栏中切换到组件轮播页签，开启组内组件轮播选项。

   

步骤二： 配置按钮组数据资源

1. 从左侧边栏中组件下的文字页签内，拖拽一个按钮组组件，将其添加到画布中。

2. 选中按钮组组件，在右侧边栏的数据页签下，选择编辑数据。在弹窗的表格中点击添加列，列名设置为index（可自定义），列值分别设置为 0、1、2，然后将 index 字段拖入到数据下的标签字段集中。

   

3. 保持按钮组选中，右侧边栏切换到交互页签下，切换按钮组事件勾选启用，将字段选择为index（上一步添加的自定义字段名），绑定到变量处输入“index”，完成字段到变量的绑定。

   

步骤三： 配置轮播组数据交互

选中步骤一种创建的轮播组，在右侧边栏中切换到组件轮播页签，将触发方式修改为变量触发，变量选择为index。

步骤四： 预览效果

经过以上三步，按钮组切换时会修改变量 index 的值，从而触发轮播组的切换。演示效果如下：