选项卡

选项卡主要用来进行选项划分,点击不同的选项可以切换显示不同的内容。

该组件在软件中的位置如下图所示:

添加选项卡之后,选项内没有任何内容,我们需要在选项卡内部添加分组面板,每个选项对应一个分组面板。

接下来,只需要在分组面板中添加需要显示的组件即可,关于分组面板的设置请参考这篇教程 →_→ 分组面板

选中组件时可以对组件进行设置,但是需要注意的是,当我们点击选项按钮或者选项栏区域时,选中的是整个选项卡。

当我们点击下方区域的内容时,会选中当前显示的选项对应的分组面板或分组面板内的某一个组件。

在编辑过程中,点击选项按钮和选项分组图层都可以进行选项切换:

选项卡的交互设置如下图所示:
(1)切换组件状态

可选择组件绑定状态
点击加号进行增加和批量设置

(2)刷新大屏数据

可开启后刷新大屏数据

(3)添加链接

可链接到 URL 或子大屏

(4)打开弹窗

绑定到弹窗分组

(5)关闭弹窗

绑定到弹窗分组

(6)切换到选项卡

可选择切换到选项卡组以及其中的第几项
点击加号增加和批量设置

针对选项卡的样式设置包括以下内容:

(1)基本设置

切换动画:选项卡自动切换的动画设置,包括无动画、淡入淡出和平移。
包括:鼠标穿透、子组件缩放跟随、允许演示控制和是否显示

(2)切换按钮

选项按钮可以显示或隐藏,显示切换按钮时,可以对其进行详细设置,如下图所示:

需要注意的是,选项按钮上显示的文本为该选项卡内各个选项对应的分组面板的图层名称。


(3)动画

动画效果可以对入场动画、展示动画和离场动画进行设置。

需要注意的是,未开启循环播放时,动画只在启动全屏时播放一次,开启循环播放之后才会按照间隔时间循环播放动画。

(4)大小和位置

通常我们可以通过直接点击和拖动组件来设置大小和位置,在这里也可以通过直接输入 X 坐标、Y 坐标、宽和高来设置。
三维空间旋转还可以输入任意数值,数值对应角度向 X 轴/y 轴旋转。

(5)边框设置

边框的设置包括:边框颜色、边框宽度和边框样式。

(6)背景设置

组件默认没有背景颜色,如果需要设置背景颜色,可以在这里进行设置,也可以将背景设置为一张图片、视频。