- 浏览: 213870 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (244)
- java (23)
- java多线程 (7)
- 综合 (1)
- oracle10g (24)
- div+css (1)
- Flex (27)
- java Nio (1)
- java设计模式 (8)
- struts2 (10)
- spring3.0 (5)
- SSH (9)
- dwr (5)
- hibernate3.6 (17)
- dom4j (1)
- sql优化 (5)
- Quartz任务调度框架 (1)
- AOP (3)
- JavaScript (18)
- jquery (3)
- JSF (9)
- ruby (1)
- 正则表达式 (1)
- 明日准备 (2)
- eclipse (3)
- gvim (1)
- CMS (1)
- linux (6)
- 杂 (4)
- java 设计模式 (1)
- MySql (10)
- JBPM (4)
- JSP技术 (1)
- Mybatis And Ibatis (2)
- 经验之谈 (10)
- WebService (1)
- java分布式(高性能,高可用,可伸缩) (0)
- springMvc (2)
- redis (0)
- ant (1)
- Nutz (6)
- 配置管理 (0)
- css+div (1)
- eChars (1)
- angularJs (1)
- D3 (3)
- Scala (1)
最新评论
-
Cobain_LI:
Cobain_LI 写道学习了,之前一直都没注意到有这样的问题 ...
js面向对象3--更简单的原型模式已经带来的问题以及解决办法 -
Cobain_LI:
Cobain_LI 写道学习了,之前一直都没注意到有这样的问题 ...
js面向对象3--更简单的原型模式已经带来的问题以及解决办法 -
Cobain_LI:
有个小失误,144和147行多了两个花括号
js面向对象2--js中工厂模式的演化(重要,详细) -
Cobain_LI:
学习了,之前一直都没注意到有这样的问题
js面向对象3--更简单的原型模式已经带来的问题以及解决办法 -
YTT1121:
有网络拓扑发现的源代码么,或者您会编写么?可以有偿求购,搞科研 ...
flex 之twaver1--简单网络拓扑实现
注:原创作品,分享以供学习交流,转载请注明出处。
twaver简介:
twaver是flex的一个实现网络拓扑的包,相当与java中第三方的jar包。在项目中如要使用twaver则需引入Twaver.swc包。
下面实例实现效果:
拓扑图中有五个节点,分别是:中国,北京、上海、广州、深圳。 从中国这个节点发散四条线连接到北京,上海,广州,深圳四个城市。下面是实例:
twaver简介:
twaver是flex的一个实现网络拓扑的包,相当与java中第三方的jar包。在项目中如要使用twaver则需引入Twaver.swc包。
下面实例实现效果:
拓扑图中有五个节点,分别是:中国,北京、上海、广州、深圳。 从中国这个节点发散四条线连接到北京,上海,广州,深圳四个城市。下面是实例:
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:tw="http://www.servasoftware.com/2009/twaver/flex" applicationComplete="init()" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> <s:layout> <s:BasicLayout/> </s:layout> <fx:Declarations> <!-- 将非可视元素(例如服务、值对象)放在此处 --> </fx:Declarations> <fx:Script> <![CDATA[ import flash.geom.Point; import twaver.*; import twaver.network.Network; private function init():void { //获取网络topo的数据模型 //netWork是网络拓扑的容器,这个容器中盛放 节点(node),连线(Link) var box:ElementBox = netWork.elementBox; //定义第一个节点“中国”,并加入到网络拓扑的数据模型中 var zhongguo:Node = new Node(); zhongguo.name = "中国"; zhongguo.location = new Point(20,100); box.add(zhongguo); //定义第二个节点:“北京”,并敬爱如到网络拓扑的数据模型中 var beijing:Node = new Node(); beijing.name = "北京"; beijing.location = new Point(160,0); box.add(beijing); //定义第三个节点:“上海”,并加入到网络拓扑的数据模型中 var shanghai:Node = new Node(); shanghai.name = "上海"; shanghai.location = new Point(160,50); box.add(shanghai); //定义第四个节点:“上海”,并加入到网络拓扑的数据模型中 var guangzhou:Node = new Node(); guangzhou.name = "广州"; guangzhou.location = new Point(160,150); box.add(guangzhou); //定义第五个节点:“上海”,并加入到网络拓扑的数据模型中 var shenzhen:Node = new Node(); shenzhen.name = "深圳"; shenzhen.location = new Point(160,200); box.add(shenzhen); //定义中国--北京之间的连接线 var zhongbei:Link = new Link(zhongguo,beijing); zhongbei.name = "中国到北京的网络谱图"; var zhongshang:Link = new Link(zhongguo,shanghai); zhongshang.name = "中国到上海的网络谱图"; var zhongguang:Link = new Link(zhongguo,guangzhou); zhongguang.name = "中国到广州的网络谱图"; var zhongshen:Link = new Link(zhongguo,shenzhen); zhongshen.name = "中国到深圳的网络谱图"; box.add(zhongbei); box.add(zhongshang); box.add(zhongguang); box.add(zhongshen); } ]]> </fx:Script> <mx:Panel title="Hello Twaver" width="100%" height="100%"> <tw:Network id="netWork" backgroundColor="0x00ff00" width="100%" height="100%"/> </mx:Panel> </s:Application>
发表评论
-
flex之空间的visible,includeInLayout实现显示与隐藏
2014-05-11 00:43 2090注:原创作品,分享以供学习交流,转载请注明出处。 flex控 ... -
flex之下拉框值更改事件调用JavaScript函数
2014-05-10 00:00 896<?xml version="1.0" ... -
flex 之JavaScript 和ActionScript互通
2014-05-09 23:22 1382注:原创作品,分享以供交流学习,转载请注明出处。 J ... -
flex 之折线图2
2014-05-07 23:50 510该博文转自 “百度知道 ... -
flex 之twaver2--树,网络拓扑,表格综合
2014-05-07 21:10 535注:原创作品,分享以供交流学习,转载请注明出处。 tw ... -
flex validator 之通过性验证
2014-05-06 22:37 394注:原创作品,分享以供交流学习,转载请注明出处。 通过性 ... -
flex validator 之提交值验证
2014-05-06 22:06 427注:原创作品,分享以供交流学习,转载请注明出处。 提 ... -
flex validator 之实时验证
2014-05-06 21:57 420注:原创作品,分享以供学习交流,转载请注明出处。 要进 ... -
flex之StringValidator
2014-05-06 21:47 527<?xml version="1.0" ... -
flex验证器1,基本原理
2014-05-06 21:13 652注:原创作品,分享以供交流学习,转载请注明出处 flex四种 ... -
flex之HTTPService 对象
2014-05-05 21:04 676注:原创作品,分享为交流学习,转载请注明出处。 H ... -
flex 之ActionScript3 之数据绑定(三种方法)
2014-04-14 01:57 845注:转载请注明出处; flex的数据绑定 1,使用{}中的表 ... -
flex 之ActionScript3 关联数组
2014-04-14 01:36 612关联数组 <fx:Script> < ... -
flex 之ActionScript3 第一
2014-04-13 23:48 5811,注释: 单行:// 多行:/* */ 2,变量名称 字母 ... -
flex 之RemoteObject + blazeds 与java服务端通信
2014-04-13 20:20 649一,blazeds 服务端搭建 1)在eclipse中创建we ... -
pureMVC 之基本使用
2014-04-11 00:16 1326pureMVC是flex的轻量级框架。下面是实例。 一,视 ... -
flex 之 pruMVC 基础例子
2014-03-28 02:19 7441,添加页面 <?xml version="1 ... -
flex之日期验证
2014-02-23 17:04 452第一种验证方法: <?xml version=" ... -
flex之Button,ButtonBar,LinkButton,LinkBar,ToggleButtonBar
2014-02-23 16:22 569<?xml version="1.0" ... -
flex验证之StringValidator
2014-02-22 20:38 698StringValidator主要用来验证输入字符串(必填,最 ...
相关推荐
twaver-flex-3.6.5 官方demo
twaver-flex开发入门。对于使用flex开发人员有较大帮助。
Flex与Twaver资料 详细讲解 Flex与Twaver资料 详细讲解 Flex与Twaver资料 详细讲解 Flex与Twaver资料 详细讲解
twaver-java-3.7 文档
TWaver-java-4.1试用版jar包 及Demo
twaver-html5-5.9.0-api
TWaver-java-4.1最新 官网试用版jar包及Demo
最新的TWaver可视化学习开发包,用TWaver做出更炫更美的界面。
TWaver-java-4.1试用版jar包及Demo
自己整理的关于Twaver组件在Flex中的使用,不对的地方忘多提意见
如果采用TWaver组件来开发Java软件界面,可以非常简单快速的创建精美、专业、高效的图形化界面,提高开发和运行效率,增加客户满意度,提高软件竞争力。 双击demo.bat即可运行。它不但提供了全部的Demo,还有相应的...
关于flex中Twaver的详细入门知识
免费的Flex拓扑组件,可用于拓扑图、关系图、流程图的绘制,不输与Twaver的展现效果及完善的扩展机制和中文API文档 详细效果 iolive.duapp.com
TWaver_Flex中文帮助文档,对网络拓扑图开发很实用!
TWAVER FLEX 使用手册 用户画拓扑图
html5版本的拓扑图,支持各种常见类型的图形,支持钻取,颜色及样式均可配置,非常好的资源
java电信网管图形界面网管软件开发组件twaver java 3.7开发教程
TWaver HTML5 开发指南代码 拓扑工具 机房展示 轻松容易 很简单
TWaver-flex的库TWaver.swc