发一个关于电信项目图形效果酷炫效果----Twaver的

最新推荐文章于 2020-11-11 19:38:56 发布

hongtashan11

最新推荐文章于 2020-11-11 19:38:56 发布

阅读量2.2k

点赞数

文章标签：图形电信 network flex table tree

代码

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:twaver="http://www.servasoftware.com/2009/twaver/flex" applicationComplete="init()">
<mx:Script>
<![CDATA[
import twaver.*;
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="group";
box.add(group);
group.addChild(createTWaverNode("node1",200,100));
group.addChild(createTWaverNode("node2",300,130));
group.expanded=true;
var from:Node=createTWaverNode("from",30,30);
var to:Node=createTWaverNode("to",70,150);
var link

ink=new Link(from,to);
link.name="hello TWaver Flex";
box.add(link);
}
private function createTWaverNode(name:String,x:int,y:int):Node
{
var node:Node=new Node();
node.name=name;
node.setClient("number",number++);
node.setLocation(x,y);
box.add(node);
return node;
} ]]>
</mx:Script>
<mx

anel title="Hello TWaver! - Tree, Network & Table" width="100%" height="100%">
<mx:HDividedBox width="100%" height="100%">
<twaver:Tree id="tree" width="30%" height="100%"/>
<mx:VDividedBox width="100%" height="100%">
<twaver:Network id="network" backgroundColor="0x00ff00" width="100%" height="70%"/>
<twaver:Table width="100%" height="30%" id="table" editable="true">
<twaver:columns>
<mx