likes
comments
collection
share

三维拓扑元素介绍之TGroup

作者站长头像
站长
· 阅读数 26

前面讲述了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.transparent", true);

      group.add(node1);

      group.add(node2);


      dataModel.add(node1);

      dataModel.add(node2);

      dataModel.add(group);

分组节点合并的时候,其展示方式和普通的节点类似,其孩子节点会隐藏显示。 如下图所示:

三维拓扑元素介绍之TGroup

双击分组节点,可以展开分组节点,并显示其孩子节点,分组节点展开时,显示方式是所有孩子节点的包围盒效果,如下图所示:

三维拓扑元素介绍之TGroup

特别提示: 分组节点的孩子也可以是分组节点,也就是分组支持嵌套的效果。比如如下代码:

let group = new eg.TGroup({

        image: "./images/access.png"

      });

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

        .setStyle("group.m.transparent", true);

      group.add(node1);

      group.add(node2);

分组节点包含另外分组节点的效果,如下图所示:

三维拓扑元素介绍之TGroup

结语

本文介绍了分组节点。分组节点可以满足 对不同业务节点的分类分组管理,同时也适合节点数太多,需要分层管理的情况。下一篇介绍子网节点。 欢迎关注公众号:"图易可视化"。