Node学习篇
1. 使用API创建Node
Node node = new Node();
TDataBox box = new TDataBox();
Box.addElement(node);
//设置节点位置
node.setLocation(100,100);
node.setImage(“node.gif”);
l Node图标:
Node 默认图标是 ,如果要让其无图标,使用TWaverConst.BLANK_IMAGE,如果要画一个无图片的节点类,使用TUIManager.registerWithoutImage(Class elementClass);
l Node大小:
默认情况下,node的大小是它默认图片的大小。如果要更改大小则要覆盖它的getHeight()和getWidth()方法。
Node node = new Node(){
Public int getHeight(){
return 50;
}
Public int getWidth(){
Return 50;
}
};
l 设置Node名称:
node.setName(“This is a Node!”);
//使用不同font来给node命名
node.putLabelFont(new Font(“Forte”,Font.ITALIC,20));
//更改标签颜色
node.putLabelColor(Color.cyan);
//设置标签可见
node.putLableVisible(true);
//加粗
node.putLableBorder(true);
2. 使用XML来创建节点
TDataBox box = new TDataBox();
box.parse(“node.xml”);
创建xml文件:
<?xml version="1.0" encoding="UTF-8"?>
<Java version="1.4.2_01" class="Java.beans.XMLDecoder">
<object class="TWaver.Node">
<void method="putClientProperty">
<string>label.border</string>
<boolean>true</boolean>
</void>
<void method="putClientProperty">
<string>label.color</string>
<object class="Java.awt.Color">
<int>255</int>
<int>0</int>
<int>0</int>
<int>255</int>
</object>
</void>
<void method="putClientProperty">
<string>label.font</string>
<object class="Java.awt.Font">
<string>Forte</string>
<int>1</int>
<int>30</int>
</object>
</void>
<void property="location">
<object class="Java.awt.Point">
<int>310</int>
<int>285</int>
</object>
</void>
<void property="name">
<string>This is my name</string>
</void>
<void property="selected">
<boolean>true</boolean>
</void>
<void property="toolTipText">
<string>This is my tip!</string>
</void>
</object>
</Java>
3. 使用ShapeNode元素
常用的变形节点元素种类:
l SHAPENODE_STRAIGHT_LINE:直角线变形节点
l SHAPENODE_ELLIPSE:椭圆变形节点
l SHAPENODE_ROUND:圆变形节点元素
l SHAPENODE_NONE:空节点元素
创建直角线的多边形节点:
TDataBox box =new TDataBox();
TNetwork network=new TNetwork(box);
ShapeNode bus=new ShapeNode();
box.addElement(bus);
bus.addPoint(new Point(40,200));
for(int i=1;i<=10;i++){
Node node=new Node();
node.setName("Server_"+i);
node.setLocation(50*i,100+200*(i%2));
box.addElement(node);
box.addElement(new Link(bus,node));
}
bus.addPoint(new Point(540,200));
//设置直角线形状的变形节点
bus.setShapeNodeType(TWaverConst.SHAPENODE_ORTHOGONAL_LINE);
//设置节点类型为接近点
bus.putShapeNodeJointPoint(TWaverConst.JOINT_POINT_NEAR);
分享到:
相关推荐
很好的Twaver WEB学习资料,里面有相关的例子
Twaver学习案例的例子
”这说明提供的示例不仅包含核心的twaver.js库,还有与之配合的HTML文件“alarm.html”。Jetty是一个轻量级的Java Web服务器和Servlet容器,能够方便地运行Web应用程序。这意味着用户可以直接在Jetty环境下运行这个...
**TWaver官方4.1试用版jar包及Demo** TWaver是一款强大的数据可视化工具,专为开发人员设计,提供了一套完整的图表和图形库,用于...通过深入学习和实践,开发者可以充分利用TWaver的潜力,提升应用程序的用户体验。
- **创建图形元素**:如节点(`twaver.Node`)、链接(`twaver.Link`)等。 - **组织图形界面**:利用`Network`、`Table`和`Tree`等组件来布局和管理这些图形元素。 - **TWaver Flex 开发环境**:搭建一个合适的开发...
【标题】"Twaver java 4.1资源包(库+学习文档+javadoc)" 提供的是一个针对Twaver 4.1版本的全面学习和开发资源,这是一款基于Java的图形化建模和可视化工具。它允许开发者创建复杂的网络图表、流程图和其他图形...
通过这个"TWaver的3d图形组件库,小demo",开发者不仅可以学习到如何使用TWaver库创建3D图形,还能了解到现代Web开发中的3D数据可视化技术和最佳实践。通过研究提供的源代码,开发者可以提升自己在WebGL和JavaScript...
- **基本数据元素**:包括 twaver.Node 和 twaver.Link 等,是构成网络的基础元素。 - **告警元素**:用于表示系统中的异常情况或警告信息。 - **图层元素**:用于组织和分层显示不同的图形元素。 - **拓扑...
通过这些文件,开发者可以学习如何在HTML5环境中集成Twaver,创建交互式的可视化界面,包括添加图形元素、处理用户交互、响应事件、定制样式和布局等。同时,了解API文档可以帮助开发者掌握如何利用Twaver提供的类和...
7. `documents`:可能包含TWaver的用户手册、教程、API参考等文档,是深入学习和掌握TWaver的关键资源。 8. `lib`:库文件夹,包含了TWaver的核心库和其他依赖的第三方库,这些库文件是构建和运行TWaver应用所必需...
用户可以通过试用版的jar包进行初步体验,同时附带的Demo则能够帮助开发者更好地理解和学习如何在实际项目中运用TWaver。 【标签】"TWaver":这是此资源的关键标识,代表了TWaver库。TWaver是一个强大的图形绘制和...
【标题】"Twaver Web实例源码"是一个关于使用Twaver与ExtJS结合的Web应用程序开发的学习资源。Twaver是一款强大的图形化建模和可视化工具,常用于数据可视化、网络拓扑图、流程图等场景。ExtJS则是一个流行的...
NULL 博文链接:https://bianrongxin.iteye.com/blog/1474676
### TWaver图形界面之道——关键知识点解析 #### 一、TWaver概述 TWaver是一款专为图形用户界面(GUI)开发而设计的组件产品。它不仅适用于电信行业的网络管理系统(NMS),同样适用于非电信领域的各类图形化界面...
通过学习和研究这些代码,开发者可以快速掌握TWaver的用法,将其应用到实际项目中。 综上,TWaver HTML5开发指南代码是开发人员构建高效、互动的拓扑工具和机房展示应用的重要资源,它简化了HTML5环境下的可视化...
此外,TWaver Flex还预定义了丰富的业务对象,如告警(`twaver.IAlarm`)和告警容器(`twaver.AlarmBox`),图层(`twaver.ILayer`)和图层管理容器(`twaver.LayerBox`),以及拓扑网元(`twaver.IElement`)和拓扑...
基础数据元素章节讲解了TWaver HTML5中最基本的数据元素类型,比如节点(Node)和连接线(Link),以及它们的不同类型和属性。 告警元素章节讲述了如何在TWaver HTML5中实现告警机制,包括告警级别、状态以及统计...
通过上述内容的学习和实践,你可以熟练地使用Twaver构建出专业且功能丰富的可视化应用,无论是电信行业的网络管理还是其他领域的复杂系统展示,Twaver都能成为你的得力工具。在实际操作中,结合压缩包内的资源,按照...
是twaver学习的最佳资料,大家快来下巴