组件操作及快捷键

在仪表板设计中，每当一个组件被添加到画布上时，就会生成一个图层。图层的顺序直接影响其堆叠和展示效果。

本文将详细介绍组件、图层的相关操作，通过合理利用图层和组件组合，用户可以设计出更加精美的仪表板。

2.1 添加组件

有两种方式可以在画布中添加组件：

1）单击添加

在列表中，单击需要添加的组件，该组件即被添加到当前页面的正中央。如下图所示：

2）拖拽添加

选中需要添加的组件，将该组件拖拽到当前页面中，松开鼠标，组件就会被添加到仪表板中。如下图所示：

2.2 选中组件

有以下几种方式可以选择组件：

• 鼠标左键单击组件，即可选中组件；

• 按住 shift ，鼠标左键点选组件，或按住鼠标左键框选，可选中多个组件；

• 当有多个组件重叠导致组件被遮挡时，支持按组件图层选中组件。鼠标右键组件，点击「选择图层」，展开组件图层列表，即可快速选中组件。如下图所示：

• 在左侧图层列表中，点击某一个组件，画布中即可选中该组件。如下图所示：
  

2.3 复制组件

当画布中需要多个标题组件时，可以设置好一个标题组件的内容及样式，复制组件后进行修改，这样无需重新制作组件。

1）支持范围：

• 支持复制/粘贴单个组件、成组的组件、多个组件；

• 支持跨仪表板复制粘贴组件；

2）复制粘贴方式：

• 选中组件，使用 Ctrl+C 快捷键复制， Ctrl+V 快捷键粘贴。

• 选中组件，单击鼠标右键，点击「复制」按钮，单击鼠标右键，点击「粘贴」按钮粘贴。

• 按住「alt」键（Mac 按住「option」键），再使用鼠标左键拖拽组件即可快捷复制组件。

2.4 删除组件

右击选中组件，点击「删除」按钮。

2.5 组件对齐

1）选中多个组件时，可对组件整体形成的边框，进行对齐设置。如下图所示：

2）例如对下图中的两张图表设置对齐方式，各对齐方式所在位置如下图所示：

2.6 组件组合

当仪表板中存在多个组件，想要对组件同时进行设置，或者需要组合移动等等，可以将多个组件形成一个组合，方便管理和编辑。

1）同时选中多个组件，点击画布右侧配置栏的「组合」按钮，或单击鼠标右键，选择「组合」即可将这些组件合并成组。

注：组件成组，不影响组件原有的配置，且组合支持组件的所有操作。

2）在右侧配置栏的「动画」页签中，支持对组合设置动画。如下图所示：

3）在右侧配置栏的「组合」页中，支持设置组合的名称、尺寸、位置、 3D 旋转及取消组合。如下图所示：

3.1 展开/收起图层列表

1）点击仪表板左下角的「组件图层」按钮，在左侧面板展示当前分页的组件图层列表。如下图所示：

2）图层列表默认显示在左侧，根据个人试用习惯，也可以将面板方式在画布右侧。如下图所示：

3）若需要图层列表，可以点击「X」，或再次点击「组件图层」按钮关闭。如下图所示：

4）将鼠标放置在图层列表右侧栏时，可以移动调整列表区域的宽度，方便查看。如下图所示：

3.2 修改组件名称

为了方便用户在设置时可以快速找到对应的组件，可以对组件重命名，方便管理。

有三种方式可以修改组件名称：

• 在图层列表中双击组件名称修改；

• 在图层列表中点击「更多>重命名」修改；

• 在右侧面板中「组件>名称」修改；

3.3 调整图层顺序

图层的顺序直接影响其堆叠和展示效果，可以调整图层顺序，更好的展示组件内容。支持组合作为一个整体进行图层顺序调整，也支持组合进行组内的组件图层顺序调整。

1）在画布中选中组件，单击鼠标右键，点击「调整层级」按钮，即可调整组件的层级顺序。

图层顺序的调整包括：移至顶层，移至底层，上移一层，下移一层。

2）在图层列表中，可以拖拽调整图层顺序。如下图所示：

3.4 隐藏组件

若当前分页上组件较多，调整设置比较困难，可以将已经调整好的组件隐藏起来，使编辑页面更加清晰，提高编辑效率。

组件隐藏后，该组件或组合在编辑界面不可见、不可选中，但在图层列表中依然可以选中，且功能设置不受影响。如下图所示：

点击仪表板左下角快捷键，弹出快捷键提示面板，使用快捷键对组件进行快速操作。如下图所示：