跳到主要内容

复合组件

[组合](https://xuelangyun.yuque.com/docs/share/988addde-c17d-43f5-a9a6-3750567189de?# 《组合》)可以帮助你整理画布中大量的节点组,而复合组件则可以帮助你实现节点组的复用。

创建复合组件

  1. 首先,将你想要放入复合组件的所有节点进行组合,展开和折叠样式都可以。
  2. 选中这个组合:
    1. 点击工具栏的「创建复合组件」图标,创建复合组件;

工具栏创建复合组件.gif

  1. 右键 - 点击「创建复合组件」,创建复合组件。

右键创建复合组件.gif

  1. 输入名称,选择目标文件夹,点击确定即可创建成功。
    1. 为增强复合组件的复用性,在创建复合组件时,您可以勾选“包含数据创建”实现节点内配置信息、节点数据文件的复用。
    2. Tips:为确保您的数据安全,模板范围共享的数据暂不支持复制与共享。

填名称什么的.gif

  1. 创建完成后,页面会自动跳转至「我的组件」编辑页面,点击完成,即可返回项目模板页面。

完成.gif

使用复合组件

  1. 创建的复合组件,都将保存至「我的组件」,当你想要使用时,只需在「我的组件」里,搜索复合组件名称,或者按照存储的路径找到它,拖拽出来,即可使用。

    Tips:复合组件的图标标示,与其他的组件不一样哦~

找到这个复合组件.gif

  1. 拖拽出来的复合组件即变为实例,鼠标左键双击可进入二级页面,拖拉拽组件对其子节点进行编辑。

    注:该操作不会影响「我的组件」中的原复合组件,以及该复合组件的其他实例。

二级页面编辑.gif

  1. 编辑完成后,点击面包屑即可返回项目一级界面。

面包屑返回.gif

复合组件转换为组合

你可用以下两种方式,将拖入画布区域的复合组件转换为组合,使整个模板中的节点成为同一层级:

  1. 选中复合组件 → 右键 → 点击「转换为组合」。
  2. 选中复合组件 → 点击上方工具栏中的「转换为组合」图标。

    Tips:复合组件与折叠状态下组合的图标样式不同,帮助使用者对二者加以区分。

复合组件转组合.gif

复合组件的端口编辑

创建复合组件时的端口信息将被保留。
在复合组件的编辑页面,你可以通过移动端口来改变复合组件端口的位置及顺序:双击复合组件进入编辑页面 → 拖动端口变换位置 → 退出复合组件编辑页面 → 自动重新计算端口顺序。编辑端口顺序.gif 也可以通过右面板实现复合组件端口的增加与删除:双击复合组件进入编辑页面 → 新增复合组件端口 → 将内节点端口与复合组件端口连接 → 退出复合组件编辑页面 → 自动重新计算端口。新增端口.gif

编辑复合组件

  1. 进入复合组件的编辑页面,可以通过两种方式:
    1. 「概览页」-「我的组件」- 选择你需要编辑的复合组件;

探索页进入.gif

  1. 在后面板「我的组件」目录下,选择你需要编辑的复合组件,右键-点击「编辑」;

我的组件进入.gif

  1. 点击右上角的「编辑子节点」,即可进行拖拉拽等编辑操作。

    注:该操作不会影响之前已拖拽至画布的复合组件实例。

编辑复合组件.gif

  1. 编辑完成后,点击右上角的「完成」即可,此时再拖出刚刚的复合组件,就已经是更新后的复合组件了。

Screen_2022_10_27_172045.gif

删除复合组件

  1. 「概览页」-「我的组件」-搜索到你想删除的复合组件,右键删除。

Filmage_2022_03_25_155836.gif

  1. 在后面板「我的组件」目录下,选择你想删除的复合组件,右键删除。

Filmage_2022_03_25_155837.gif

其他

在「我的组件」目录下,支持复合组件的重命名、导入导出、移动、复制和分享。其他.png