设置组件的多状态

山海鲸可视化软件中的每一个组件都可以有多个状态,初始状态下都只有一个默认状态。

每个状态之间都是互相独立的,每一个状态中都可以设置数据和样式,状态之间可以通过设置状态触发条件来进行切换。

“单行文本”组件为例,点击数据/样式窗口下方的“默认状态”按钮,在弹出的菜单中,我们可以点击“添加状态”按钮来添加状态。
图片1.png
在弹出的设置窗口中,我们可以对新添加的状态进行设置。
图片2.png
设置项包括“状态名称”“状态继承自”

其中“状态继承自”表示当新状态完成创建后,他的数据和样式的初始值与之前的那个状态保持一致。

完成设置后我们就给当前组件添加了一个新状态,同时组件会自动切换到这个新添加的状态(这里我们只在新状态中修改了一下颜色)。
图片3.png
状态切换条件需要在“交互”中设置,点击“添加交互”进行交互设置。
图片4.png
“添加交互”具体设置方式请参考该教程 →_→ 设置交互

此处我们将“动作”选择为“切换组件状态”,然后目标组件选择“单行文本”组件,状态选择文本颜色为红色的状态。
“鼠标悬停”指的是当鼠标移动到该组件时,组件会跳到这个状态,当鼠标移开时,组件又跳回之前的状态。
“鼠标单击”指的是当鼠标通过左键点击该组件时,组件会跳到这个状态。
图片5.png
点击“确定”,可以看到刚才设置的交互动作已经添加成功。
图片6.png
可以将交互动作进行编辑或删除。
图片7.png
在不同状态中修改设置时,有时候希望修改的设置只在当前状态下起作用,有时候希望修改的设置对所有的状态都起作用,此时需要使用设置“锁定”功能。
点击设置组右侧的扩展设置图标可以打开设置菜单,里面包括“锁定”“恢复到默认状态”
图片8.png
点击“锁定”后,该设置组被锁定,此时如果修改设置,则所有状态中的该设置都会被修改。
图片9.png
部分设置组默认是锁定的,如果需要解锁,点击右侧扩展设置图标可以打开设置菜单,然后点击“解锁”即可。
图片10.png
需要注意的是,组件在编辑时呈现的状态也是全屏播放时的状态,所以如果希望全屏时组件呈现的是其他的状态,需要点击状态切换按钮切换到对应的状态。

默认状态不能进行编辑,点击其他状态名称右侧的编辑按钮可以对状态进行编辑,旁边的按钮是删除该状态。
图片11.png
除了可以通过多状态来实现组件的数据或样式变化,我们还可以通过条件格式来设置,具体请参考该教程 →_→ 如何设置条件格式