发布时间 : 星期三 文章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);