发布时间 : 2024/6/12 7:47:47 星期三 文章TWaver学习笔记1-TWaver入门更新完毕开始阅读b3a18217c5da50e2534d7f04

Twaver

入门

快速上手

下面我将分步骤讲解

?

首先新建一个MXML Application: HelloTWaverFull.mxml，设置twaver命名空间

* 在左边添加树组件，中间添加拓扑图组件，下方添加一个表格组件，设置好布局，如下：

?

设置拓扑图背景颜色，添加表格列

?

监听applicationComplete，添加网元数据

import twaver.network.Network; private var box:ElementBox; private var number:int;

private function init():void {

number=0;

box=network.elementBox; tree.dataBox=box; table.dataBox=box;

var group:Group=new Group(); group.name=\; box.add(group);

group.addChild(createTWaverNode(\,200,100)); group.addChild(createTWaverNode(\,300,130)); group.expanded=true;

var from:Node=createTWaverNode(\,30,30); var to:Node=createTWaverNode(\,70,150); var link:Link=new Link(from,to); link.name=\; box.add(link); }

private function createTWaverNode(name:String,x:int,y:int):Node {

var node:Node=new Node(); node.name=name;

node.setClient(\,number++); node.setLocation(x,y); box.add(node);