pixtv中节点分组需用uiwidget或uianchor作为容器,纯逻辑节点不支持;分组后统一控制位置缩放动画,子节点坐标转为相对定位,嵌入操作会重置transform属性。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在PixTV画布中对节点进行分组,是为了统一控制位置、缩放、动画或层级关系,避免逐个调整带来的错位和维护困难。分组后,节点将作为整体参与布局计算与事件响应,未分组的节点则各自独立运算,容易导致对齐偏移或动画不同步。
确认节点是否支持分组
只有类型为 【UIWidget】 或 【UIAnchor】 的节点才能被纳入分组;纯逻辑节点(如StateProvider、EffectNode)或XComponent实例不可作为子节点加入分组容器。若选中节点右上角无“分组”图标或菜单灰显,先检查其组件类型是否符合要求。
手动创建分组容器
方法一:使用UIWidget作为分组根节点
点击左侧组件面板 → 拖入一个 UIWidget 组件到画布 → 选中该UIWidget → 在右侧属性栏将 layoutMode 设为 “absolute” → 展开 children 属性,点击 “+” 号添加子节点 → 将需分组的多个节点依次拖入其 children 列表中。
方法二:使用UIAnchor实现带锚点的分组
拖入 UIAnchor → 设置 anchorX/anchorY 为 0.5(居中锚点)→ 设置 offsetX/offsetY 为 0 → 同样通过 children 属性注入目标节点 → 此方式更适合需要随父容器比例缩放的分组场景。
注意:UIAnchor 分组后,子节点的 position 将基于锚点坐标系计算,而非画布绝对坐标。若子节点原用 absolute 定位,需同步调整其 offsetX/offsetY 值以保持视觉位置不变。
批量选中并嵌套进现有容器
第一步:按住 Ctrl 键(Windows)或 Command 键(macOS),依次单击画布中所有待分组的节点;
第二步:右键任一已选中节点 → 选择「嵌入到新容器」→ 自动创建一个空 UIWidget 并将所选节点移入其 children;
第三步:在右侧属性栏中,将该 UIWidget 的 width 和 height 改为 auto,使其包裹内容;
第四步:若需设置分组整体偏移,直接修改该 UIWidget 的 offsetX/offsetY,不要改动内部节点的位置值。
这一步操作不可逆——一旦嵌入,原节点的 transform 属性将被重置为相对于容器的局部值。如果之前手动设过 rotate 或 scale,请在嵌入后重新检查并补设。











