三维拓扑元素介绍之TGroup

最新推荐文章于 2024-10-01 21:07:40 发布

tuyi0214

最新推荐文章于 2024-10-01 21:07:40 发布

阅读量232

点赞数

文章标签：前端框架拓扑学

本文链接：https://blog.csdn.net/tuyi0214/article/details/124857491

版权

本文详细介绍了拓扑图中TGroup节点的使用，TGroup作为分组节点，用于对其他节点进行管理和组织。当节点被添加到TGroup中时，它们会被分组并根据分组的状态进行显示或隐藏。TGroup支持展开和合并操作，展开时显示所有孩子节点的包围盒效果，且支持嵌套分组，以实现更复杂的业务场景和节点分类管理。

摘要由CSDN通过智能技术生成

前面讲述了TNode，TLinK，这篇讲述TGroup的使用。

分组节点 TGroup

分组节点TGroup，可以对所有的节点进行分组管理。 TGroup继承于TNode，因此其构造方式也继承了TNode，此处不再赘述。比如如下代码就构造了一个TGroup:

let group = new eg.TGroup("./images/AMF.png");

group在未展开的时候，其显示形式和TNode一样。

group主要体现在其对节点的分组管理能力。当分组把某个节点加未group的孩子时，该节点就会被分组进行组管理，主要体现在分组的展开和合并，分组孩子节点的的显示和隐藏。
以下代码增加一个分组节点及其两个孩子节点：

let node1 = new eg.TNode({image: "./images/convergence.png"});

      node1.setName("node1");

      node1.p(-200, 100, 0);

      let node2 = new eg.TNode({image: "./images/convergence.png"});

      node2.setName("node2");

      node2.p(200, -100, 0);

      let group = new eg.TGroup({

        image: "./images/access.png"

      });

      group.setStyle("group.m.map", "./images/bg01.png")

        .setStyle("group.m.tr