弹窗

弹窗组件是一种特殊的弹出面板,可弹出提示框,主要用对某个数据板块内容的介绍或解释。弹窗内部可以进行分组或者不分组。

该组件在软件中的位置如下图所示:
1.png
选中弹窗组件可以对其进行样式设置,如下图所示:
2.png
下面我们分别介绍一下生成弹窗、关闭弹窗、删除弹窗、弹窗组件内的一些操作以及分组面板的属性设置。

生成弹窗:生成弹窗可以在菜单栏中直接添加弹窗组件。
3.png
关闭弹窗:右击左侧画布的弹窗组件,在菜单中选择“关闭”即可将弹窗组件关闭。
4.png
删除弹窗:点击选中分组或分组面板图层,按 Delete 键或右击在菜单中选择“删除”即可删除分组,删除分组时,组内组件都会被删除。
5.png
弹窗组件的内容编辑:

第一种:直接在弹窗组件内添加所需组件,组件添加到弹窗中时会默认放在分组面板的左上角。
6.png
第二种:在右侧选中分组面板图层,然后添加的新组件会自动放到该弹窗中,组件添加到弹窗中时会默认放在分组面板的左上角。
7.png
生成结果如下图所示:
8.png
其他操作:

拖动弹窗外框可以改变弹窗面板的大小,拖动过程中不会改变弹窗内组件的位置。

在未开启滚动条的情况下,外框之内的内容会正常显示,外框之外的部分会被隐藏起来。

在开启滚动条的情况下,通过滚动可以显示所有内容。
9.png
弹窗内组件可以自由拖动,组件不可拖动出弹窗面板外框之外,如果开启了显示滚动条,此时会自动出现滚动条。

弹窗面板的样式设置:

弹窗面板的样式包括基本设置、动画、三维空间旋转、大小&位置、边框设置以及背景设置。
10.png
(1)基本设置

关闭按钮:可自行设置按钮大小,按钮颜色及关闭按钮时高亮颜色。

定时关闭:可自定义关闭弹窗的时间,以及字体颜色。

显示箭头:无/下箭头

显示滚动条:无/隐藏

子组件缩放跟随:默认关闭,开启后可跟随

鼠标穿透:未开启的状态下,在弹窗界面是无法直接点击其他组件进行设置的,开启鼠标穿透,可以直接点击其他组件。

允许演示控制:可以通过山海鲸可视化 APP(ios 系统)进行演示操作

是否显示

(2)交互设置

交互可以通过点击该组件可以切换其他组件的状态、链接到 URL 以及大屏上、打开弹窗或者切换选项卡。

(3)动画

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

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

(5)大小&位置

通常我们可以通过直接点击和拖动组件来设置大小和位置,在这里也可以通过直接输入 X 坐标、Y 坐标、宽和高来设置。

三维空间旋转还可以输入任意数值,数值对应角度向 X 轴/y 轴旋转。

(6)边框设置

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

(7)背景设置

组件默认没有背景颜色,如果需要设置背景颜色,可以在这里进行设置,也可以将背景设置为一张图片或视频。
交互的设置如下图所示:
11.png
(1)切换组件状态:通过点击该组件可以切换其他组件的状态。

(2)刷新大屏数据:开启后点击组件可刷新大屏所有数据。

(3)添加链接:链接到 URL 以及大屏上。

(4)打开/关闭弹窗:添加“弹窗”组件后,可通过该功能设置单击该组件打开或关闭弹窗。
切换选项卡:通过点击该组件可以切换到其他选项卡。

(5)切换选项卡:通过点击该组件可以切换到其他选项卡。