三维拓扑元素介绍之TSubnet

本文继续讲解三维拓扑元素子网元素TSubnet。

子网节点TSubnet

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

let subnet = new eg.TSubnet({
    image: "./images/cloud.png"
});

最终显示效果和TNode一样,如下图所示:

三维拓扑元素介绍之TSubnet_第1张图片

subnet主要体现在其对节点的分层管理能力。当子网把某个节点加为子网的孩子时,该节点就会被子网进行组管理,主要体现在子网的钻取和合并,子网节点孩子节点和非孩子节点的的显示和隐藏。 以下代码增加一个子网节点及其两个孩子节点:

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);
dataModel.add(node1);
dataModel.add(node2);
let subnet = new eg.TSubnet({
    image: "./images/cloud.png"
});
subnet.addChild(node1);
subnet.addChild(node2);
dataModel.add(subnet);

当子网节点钻取的时候,其孩子节点会显示,而子网节点本身和非孩子节点都会隐藏。 当子网节点合并的时候,其孩子节点会隐藏,而子网节点本身和非孩子节点都会显示。 下面是子网钻取的结果:

三维拓扑元素介绍之TSubnet_第2张图片

下面是子网合并时候的结果:

三维拓扑元素介绍之TSubnet_第3张图片

操作交付层面,双击子网节点会钻取,而在子网钻取状态下,双击北京会返回子网合并状态。

结语

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

你可能感兴趣的:(前端)