添加组件

在大屏编辑器中,组件是构建可视化内容的基本元素。用户可以通过 顶部工具栏中间区域的组件库,选择所需的组件并添加到画布中进行编辑与排版。


组件库入口

image-20250909112940518

  • 位于 顶部工具栏中间位置
  • 点击 组件库 按钮,即可展开完整的组件分类和组件列表。
  • 组件库提供了丰富的可视化组件。

添加组件的方式

  1. 拖拽添加

    • 从组件库中拖拽所需组件,放置到画布中的合适位置。
    • 组件将以默认大小加载,可在画布中自由调整。
  2. 双击添加

    • 在组件库中双击组件缩略图,即可自动将该组件添加到画布区域。
    • 添加后可通过拖拽移动到指定位置。

组件管理

添加到画布的组件,可通过以下方式进行管理:

image-20250909113216880

  • 图层管理器(左侧):

    • 查看所有组件的层级关系;
    • 支持调整上下顺序、分组、锁定和隐藏。
  • 属性面板(右侧):

    • 编辑选中组件的样式(颜色、字体、大小等);
    • 绑定数据源,配置组件的动态数据展示;
    • 设置动画效果和交互逻辑。
  • 画布直接操作

    • 拖拽组件移动位置;
    • 拖拽边框调整大小;
    • 使用快捷键快速复制、粘贴、删除组件。

使用建议

  1. 先布局,后美化:建议先快速摆放主要组件,确定布局,再通过属性面板调整样式。
  2. 按分类选择:利用组件库分类快速定位所需组件,避免无序查找。
  3. 合理分组:对于多组件组合的内容,可以通过图层管理器进行分组,方便整体操作。
  4. 数据绑定:图表类组件添加后,及时在属性面板中绑定数据源,实现动态更新。

results matching ""

    No results matching ""