2010年8月17日随笔档案 - TWaver - 专注UI技术

VR技术在数据中心3D机房中的应用（下）

posted @ 2017-06-01 14:08 TWaver 阅读(279) | 评论 (0) | 编辑收藏

VR技术在数据中心3D机房中的应用（上）

摘要: 近年来VR（虚拟现实）这个词越来越频繁地出现在我们生活当中。由于它能带来前所未有的交互体验和沉浸感，VR技术的广泛应用，例如在游戏，影视，数据中心等领域，已经成了一个必然的趋势。阅读全文

posted @ 2017-05-31 16:45 TWaver 阅读(332) | 评论 (0) | 编辑收藏

HTML5数据可视化第四弹：可交互地铁线路图

摘要: 用TWaver HTML5制作的上海地铁图，一个简单实用的小应用，具有纯矢量、可交互、有动态效果、无失真缩放等特点。可以方便扩展各种实用功能，也可以稍加改造应用于高铁、公交等类似图形展示。阅读全文

posted @ 2016-12-13 14:36 TWaver 阅读(709) | 评论 (0) | 编辑收藏

10个TWaver网页3D可视化精彩案例

摘要: 以下网页3D案例均为TWaver原创出品，推荐使用Chrome, FireFox, Safari等对WebGL支持良好的浏览器运行。案例排名不分先后，如需Demo，可直接申请试用。阅读全文

posted @ 2016-12-09 15:29 TWaver 阅读(507) | 评论 (0) | 编辑收藏

HTML5数据可视化第三弹：萌萌哒拓扑图分组

摘要: 3D虽然炫酷，但在真正的企业应用里，数据、关系的呈现还是要回到传统的2D界面，而HTML5是目前的最佳选择。像HTML5的canvas，虽然已经不是什么新鲜技术了，但可以直接在浏览器中绘制网络拓扑图的逻辑关系，而不需要安装任何插件，对于很多正在更新换代的OSS系统来说，还是很有吸引力的。阅读全文

posted @ 2016-12-02 10:26 TWaver 阅读(539) | 评论 (0) | 编辑收藏

TWaver3D拓扑图之人在江湖

摘要: 正看文章的小哥，我看你骨骼精奇，是个练武的奇才！我这里有一部TWaver3D宝典，何不入我赛瓦门，咱们一起闯荡江湖！阅读全文

posted @ 2016-11-24 10:03 TWaver 阅读(346) | 评论 (0) | 编辑收藏

TWaver3D拓扑图之球花绽放

摘要: 本文介绍了如何用TWaver HTML5制作3D拓扑图，代码不足一百行，让大家领略TWaver3D拓扑图的风采。实际上，这个例子稍作变化，就可以用来展示丰富的3D网络拓扑图、各种复杂数据的树状关系图。阅读全文

posted @ 2016-11-23 10:32 TWaver 阅读(274) | 评论 (0) | 编辑收藏

摘要: TWaver发布了一款全新的模型库框架TWaver® Make，来帮助开发者快速创建高质量、专业的行业可视化应用场景。TWaver® Make提供的是模版定义的开发SDK框架，和高质量的跨行业模型库。使用TWaver® Make，可以把TWaver 2D/3D的代码细节包装在模版中进行复用，极大的降低使用TWaver的复杂度，提高开发效率。模型库就像一本字典一样，开发着只需查阅模型id，就可以通过load方法快速加载使用这些内置模型。阅读全文

posted @ 2016-11-22 10:35 TWaver 阅读(373) | 评论 (0) | 编辑收藏

两步创建3D数据中心

摘要: TWaver 3D发布也有很长一段时间了，相关的应用和项目也做了不少，特别是3D机房，可是有些用户反馈说3D机房开发起来有些费劲，耗时，3D并不像2D，虽然有时更加的直观，但是需要考虑的问题也很多。本文着重介绍了如何通过两个简单的步骤来创建出一个3D数据中心。
阅读全文

posted @ 2016-11-21 11:25 TWaver 阅读(224) | 评论 (0) | 编辑收藏

HTML5数据可视化第二弹：打造最美3D机房

摘要: TWaver 3D产品的定位一直在于为企业提供3D应用的快速开发工具，方便企业开发适合自己的高效、实时的监控系统。用TWaver 3D开发的3D场景360度无死角，可绑定动态数据，轻松添加动画，在平板和手机上也能轻松运行。阅读全文

posted @ 2016-11-18 10:29 TWaver 阅读(759) | 评论 (0) | 编辑收藏

HTML5数据可视化第一弹：彩虹爆炸图

摘要: HTML5发展迅速、势不可挡。随着HTML5技术的普及，用HTML5做可视化呈现的项目越来越多了。HTML5的优势明显：网页上直接运行无需插件、手机平板方便兼容、代码开发和维护相对容易，等等。一大波一大波的做Java、.NET甚至C++桌面的程序老手们都纷纷开始研究javascript了，而初出茅庐的新一代程序猿更是义无反顾的直奔HTML5这个技术大热点而来。本文主要介绍了用HTML5实现的彩虹爆炸图，具有诸多功能，可用于大数据展示。阅读全文

posted @ 2016-11-17 10:52 TWaver 阅读(487) | 评论 (0) | 编辑收藏

HTML5复杂拓扑图（五） Reingold Tilford树

摘要: 前段时间，有个项目需要显示一个很大的树形拓扑结构图，而布局怎么都不好看。要生成一颗比较布局规矩、好看的树状图，一个成熟、高效的树形布局算法必不可少。Reingold Tilford是常用的一个，大家可以google一下。这个算法最先是由Edward Reingold和John Tilford一起发表的，并由他们的名字命名。有兴趣的同学，可以研究一下这篇1981年的论文：http://emr.cs.iit.edu/~reingold/tidier-drawings.pdf，里面给出了这个算法的原理和逻辑代码。这个算法的优点是逻辑相对简单，效率高。不过用js写一遍也要消耗很多脑细胞。还要，twaver直接提供了这种算法和自动布局，我们可以直接使用。下面看一看这种布局的用途。利用Reingold Tilford树算法，我们可以把一个树形结构的数据，用不重叠、紧凑、分层的形式展示出来。阅读全文

posted @ 2015-05-22 17:37 TWaver 阅读(6541) | 评论 (2) | 编辑收藏

HTML5复杂拓扑图（四）组织结构图

摘要: 应广大客户所需，今天给大家带来一款组织结构图。组织结构图的呈现方式多种多样，用途也是非常广泛，可以应用于集团内部，企业各部门之间的组织关系呈现。我们就来看看twaver实现出来的效果。阅读全文

posted @ 2015-05-22 17:33 TWaver 阅读(5185) | 评论 (1) | 编辑收藏

HTML5复杂拓扑图（三）可伸展流程图

摘要: 说到TWaver的流程图却是层出不穷，千姿百态。2D的，3D的，静态的，动态的。这次要给大家呈现的是一款全矢量的，非常清新优美的流程图。阅读全文

posted @ 2015-05-22 17:29 TWaver 阅读(3878) | 评论 (0) | 编辑收藏

HTML5复杂拓扑图（二）关系网图

摘要: 在公司内部，不仅部门内部员工之间发生着关系往来，部门和部门之间的员工也在发生这各种往来关系。如果你还是用原先的那种表格来呈现，显然很难直观看出各种关系，用图形化的拓扑呈现就会显得一目了然。阅读全文

posted @ 2015-05-22 17:06 TWaver 阅读(3559) | 评论 (0) | 编辑收藏

数字图像处理技术在TWaver可视化中的应用

摘要: 数字图像处理（Digital Image Processing）又称为计算机图像处理，它是指将图像信号转换成数字信号并利用计算机对其进行处理的过程。常用的图像处理方法有图像增强、复原、编码、压缩等，数字图像处理应用领域非常广泛。具体关于数字图像处理的介绍可以参考书籍《冈萨雷斯数字图像处理》。
TWaver作为可视化的利器，如果在展示网元的时候，融入图像处理技术，将会对网元图标的显示增加了灵活性，是一件非常有意思的事情。那么我们不妨来试试，如何将图像处理技术融入进来。阅读全文

posted @ 2015-04-16 14:21 TWaver 阅读(1150) | 评论 (0) | 编辑收藏

当ECharts碰到TWaver

摘要: 百度公司的ECharts发展迅速，已经成为HTML5 Chart的佼佼者，这让大家骄傲：中国人终于也有世界级的开源通用UI产品了。正如其网站所说，它是百度的，是中国的，也是世界的。想想那些年，我们追逐感慨过的chart产品，fusionchart、highchart等等不计其数，随着HTML5的迅速普及和ECharts的疯狂发展，大家可以忘掉那些产品了。其他商业chart产品基本上也离颤抖中关门的日子不远了。阅读全文

posted @ 2015-03-24 10:01 TWaver 阅读(2257) | 评论 (0) | 编辑收藏

TWaver GIS制作穹顶之下的雾霾地图

摘要: 用TWaver GIS实现全国雾霾图示例，查看更多。阅读全文

posted @ 2015-03-18 14:14 TWaver 阅读(4088) | 评论 (0) | 编辑收藏

TWaver HTML5之树形布局

摘要: 今天是春节后上班的第三天，给大家分享一下我们前段时间的一个需求，需求是这样的：界面中的网元分为不同的域，比如一级域，二级域，三级域，….N级域，而且不同域之间会有连线。对于这个需求，按照常规的想法，使用group岂不是很简单，一级域是一个group，二级域也是一个group，二级域的group是一级域的父亲，以此类推。但是这样有个问题，如果域比较多，会造成group的过度嵌套，界面中group多了之后，不仅用户体验下降，而且会严重影响性能，所以倒不如直接用树，可以很直观的体现各个域之间的层级关系。阅读全文

posted @ 2015-03-11 10:45 TWaver 阅读(5204) | 评论 (0) | 编辑收藏

TWaver推智能手表挑战华为苹果

摘要: 2015年的春节刚过，苹果、华为、三星就紧锣密鼓的发布了各自新产品。华为、苹果的智能手表最吸引眼球。TWaver也不甘示弱，立刻连夜推出了更像传统奢侈豪华手表的TWaver Watch，予以反击。看来一场腥风血雨的残酷竞争不可避免。下面就带大家先睹TWaver手表的芳容。阅读全文

posted @ 2015-03-04 10:26 TWaver 阅读(3528) | 评论 (1) | 编辑收藏

3D赛瓦号——整装待发！

摘要: 随着岁末将至，twaver开发团队依旧马不停蹄，3d产品功能持续更新，新特效和功能目不暇接。现在，我们就利用一些新功能，制作一个全新“赛瓦号”飞船，大家看一下仿真程度是否有质的不同？阅读全文

posted @ 2015-02-16 10:34 TWaver 阅读(5403) | 评论 (2) | 编辑收藏

TWaver 3D作品Viewer查看器

摘要: 为了让开发者更方便的对各类3D模型、设备、物体进行浏览和查看，我们直接封装了mono.Viewer组件。它可以直接根据给定的数据源（json、obj、url等）进行数据加载和浏览展示。对于一般的3D设备、图纸、作品的展示，它可是非常方便了，一句new mono.Viewer()就解决了所有问题。各种常见的交互设置、灯光设置、呈现方式等，都已经直接封装其中。阅读全文

posted @ 2015-02-15 10:07 TWaver 阅读(3622) | 评论 (1) | 编辑收藏

3D特效之高光反射

摘要: 前篇我们介绍了TWaver 3D的环境映射特效，下面我们接着给大家分享高光反射特效。
高光反射定义了物体上的某一区域比其他地方更反光。在高光反射的贴图中，黑色区域的反射率为0（完全不反光），白色区域的反射率为100%（完全反光）。这在现实的生活中，也是随处可见，比如一个生锈的物体用低光，而一个抛光的金属应该用高强光；手表上的表盘比表带应该更反光；人的嘴唇应该比皮肤有更强的高光，而皮肤应该比纯棉衣服更反光。加上了这种高光效果后，会是3D物体更加真实，更加生动。
接下来我们就来讲解一下如何在一个模型中使用高光反射，比如我们需要创建一个大楼的建筑物。一个cube贴上建筑物的贴图就可以模拟了。我们准备了一张玻璃的贴图：阅读全文

posted @ 2015-02-06 10:18 TWaver 阅读(4191) | 评论 (3) | 编辑收藏

TWaver 3D应用于大型数据中心(续)

摘要: 在2014年11月份，我们当时发了一篇有关TWaver HTML5 3D应用于大型数据中心的文章，该blog比较详细的描述一些常用的功能的实现方法，比如：动态添加机柜，告警，温度，湿度等相关的功能的具体实现。其实会用这些东西的话基本上可以使用我们的TWaver HTML5 3D来实现相关的应用了，可是在有些客户觉得这还不够“动态”，都是代码一下生成的，少了一些交互，前些天同事说要不再加点功能，让它更加“动”一些，所以今天我抽了个时间再接着来个“续”——动态的添加机柜，主机和告警。阅读全文

posted @ 2015-02-04 11:50 TWaver 阅读(4121) | 评论 (1) | 编辑收藏

TWaver矢量小试——Android演进路线图

摘要: 还有半个多月就到春节了，年底相信很多公司都会进行年度总结以及公司发展状况总结，在这过程中难免会用到RoadMap，在这我们也使用TWaver的矢量部分绘制一个Android系统的发展历程。先看效果。阅读全文

posted @ 2015-02-02 11:42 TWaver 阅读(3739) | 评论 (1) | 编辑收藏

TWaver 3D特效系列之环境映射

摘要: 随着TWaver3D的快速发展，越来越多的各种功能都在不断加强，包括性能的极大提升（可以参考这里）,3D编辑器的易用性和功能持续增强(欢迎大家申请试用),各种特效的增加，特效是本文的主角。阅读全文

posted @ 2015-01-28 15:26 TWaver 阅读(1507) | 评论 (2) | 编辑收藏

TWaver动画之雷达扫描效果

摘要: UI和功能是好的产品的两个重要因素，很多产品往往只注重功能上的设计，而忽略了UI。在这个“看脸”的时代，就算产品的功能很强大，如果UI跟不上步伐，你的产品都会在客户心中大打折扣。如何利用TWaver实现动画之雷达扫描效果呢，点击看文章。阅读全文

posted @ 2015-01-26 13:54 TWaver 阅读(2651) | 评论 (1) | 编辑收藏

基于APE物理引擎的管线容积率计算方法

摘要: 容积率一般应用在房地产开发中,是指用地范围内地上总建筑面积与项目总用地面积的比值，这个参数是衡量建设用地使用强度的一项非常重要的指标。在其他行业，容积率的计算也非常重要，如产品利用率、管道使用率等等。那么在监控系统中，如何能够生动形象的表达容积率的计算，是的监控系统具有准确性、安全性的同时，还具备了多样性，良好交互性等等。最近的游戏产业发展也非常迅速，在手持终端3D的游戏也越来越多，那么如果我们将游戏引擎融入到监控系统中，会实现什么样的效果呢，本文重点介绍使用APE物理引擎结合TWaver 2D产品实现管线的容积率计算。先来看下效果：阅读全文

posted @ 2015-01-19 10:31 TWaver 阅读(876) | 评论 (0) | 编辑收藏

HTML5 实现Link跳线效果

摘要: 之前我们推出过Flex版本的Link跳线效果，现在基于HTML5新版本的跳线效果也实现了，细微之处我们进行了改进，如link倾斜的时候Offset方向始终保持垂直等。先看效果。阅读全文

posted @ 2015-01-15 13:54 TWaver 阅读(3805) | 评论 (0) | 编辑收藏

在TWaver的Tree节点上画线

摘要: 论坛上有同学提出如何在tree上画引导线，之前我们Flex已经实现此功能，现在最新版的HTML5也将添加此功能。先看看效果吧。阅读全文

posted @ 2015-01-13 10:17 TWaver 阅读(3088) | 评论 (0) | 编辑收藏

如何用TWaver加载大型游戏场景

摘要: 游戏中经常会出现一些大型的户外场景，例如一个小镇、一座古城等。通常这种场景中包含了较多的建筑、道路、桥梁等等元素，其3D模型比较大且复杂。在使用TWaver加载时，可使用一些技巧，让加载速度更快、显示更流畅。阅读全文

posted @ 2015-01-06 13:41 TWaver 阅读(4213) | 评论 (1) | 编辑收藏

22万个木箱！TWaver 3D极限压榨

摘要: 打开个门户网站都千呼万唤，我们还能期待网页上的3D技术会有“酣畅淋漓”、“一气呵成”的感受吗？也许现在还差点火候。但是HTML5、WebGL等技术一直在飞速的发展，可能很快你就会惊讶它的能力。现在，我们就试试TWaver的3D能显示多少个木箱子，透明的木箱子。数据量当然要大才行，10万个怎么样？干脆试试20万好了，具体说是60的立方矩阵=60x60x60=216000个。只有压榨到极限才能了解WebGL和TWaver 3D技术适合做什么应用。下面就Let’s go吧！阅读全文

posted @ 2014-12-29 11:11 TWaver 阅读(4488) | 评论 (0) | 编辑收藏

如何在MONO 3D寻找最短路路径

摘要: 前段时间有个客户说他们想在我们的3D的机房中找从A点到B点的最短路径，然而在2D中确实有很多成熟的寻路算法，其中A*是最为常见的，而这个Demo也是用的A*算法。阅读全文

posted @ 2014-12-02 10:37 TWaver 阅读(6673) | 评论 (0) | 编辑收藏

如何创建TWaver 3D的轮廓选中效果

摘要: TWaver 3D中，物体的默认的选中效果一般都是一个方方正正的外框。在HTML5的Mono版本中，TWaver提供了轮廓线样式的选中效果。阅读全文

posted @ 2014-11-03 10:31 TWaver 阅读(5947) | 评论 (1) | 编辑收藏

巧用TWaver 3D 矢量图形功能

摘要: 的确，提起TWaver，大家想到的首先是“电信拓扑图组件”。其实，由于其灵活的MVC架构、矢量化设计、方便定制等特点，TWaver可以做的还有很多。例如房地产行业常见到的“户型图”。阅读全文

posted @ 2014-10-29 10:59 TWaver 阅读(5302) | 评论 (1) | 编辑收藏

TWaver 3D实现颜色渐变

摘要: 一般而言，需要实现3D物体的渐变，通常的思路就是通过2D绘制一张渐变canvas图片作为3D对象的贴图，这种方式是可以解决这类问题的，不过对于一般用户而言，通过2D生成一张渐变的图片，有一定的难度，另外如果要生成的图片比较多，性能效率上会成为一个瓶颈，特别是渐变随着条件在不断变化的情况下，就需要每次绘制的时候都去生成一张渐变的canvas图，效率极其低。阅读全文

posted @ 2014-10-21 13:27 TWaver 阅读(2495) | 评论 (0) | 编辑收藏

解析JSON数据生成TWaver中的网元

摘要: 应客户需求写个Demo，Demo中包含一些常用的功能，包括解析JSON数据生成TWaver中的网元和连线，网元右下角带上不同标识的小图标，连线需要是二次曲线，弹出菜单和信息板，跟大家分享下。先上图让大家看看效果阅读全文

posted @ 2014-10-13 09:35 TWaver 阅读(5976) | 评论 (2) | 编辑收藏

MONO中动画的导出与播放

摘要: 使用过MONO编辑器的朋友都应该了解MONO中支持一些动画的设置，比如开门，开窗，弹出设备，旋转场景，镜头巡航等。但如何将这些动画应用到自己的场景中呢？比如我们在编辑器中给机柜定义了动画，怎样让做好的机柜模型加载到自己的场景中并能播放动画呢？别急，我们来举个例子给大家讲解一下。阅读全文

posted @ 2014-10-11 10:21 TWaver 阅读(3178) | 评论 (1) | 编辑收藏

TWaver GIS在电信中的使用

摘要: TWaver提供的是电信行业中的图形解决方案，TWaver GIS是基于地图服务的一套解决方案。您可以这样理解，TWaver GIS就是在地理信息系统（GIS）上使用TWaver，TWaver的各种图形组件都可以在GIS上使用。TWaver本身不提供地图数据，我们与传统的arcgis相比更轻量，更简单，而且价格也更便宜，我们更加专注在地图上来实现复杂的电信业务，可以兼容OpenstreetMap，BingMap，GoogleMap，MapABC等多种主流地图。甚至只要你的地图是ogc标准的WMS服务格式，我们都是可以支持的。阅读全文

posted @ 2014-10-09 14:48 TWaver 阅读(2333) | 评论 (0) | 编辑收藏

如何创建环型、树型双层布局

摘要: TWaver的Demo中有常用的环型布局和树型布局，但是当网元数量较多，又不想zoomOverView,我们自然会想到使用双层布局，整体效果既不会显得很拥挤。阅读全文

posted @ 2014-09-19 10:42 TWaver 阅读(3166) | 评论 (2) | 编辑收藏

如何创建发光的环路

摘要: 如何获取整条回路的所有link，并使之发光。在这个Demo中主要包含三个技术点，一是如何在选取一条链路时，让整条回路发光；二是如何绘制带有箭头方向的曲线link；三是如何设置链路的样式，让整体可控。
阅读全文

posted @ 2014-09-16 13:36 TWaver 阅读(2958) | 评论 (0) | 编辑收藏

服务器各项指标的图形化显示

摘要: 在机房的监控时，经常需要去查看某个机柜中的某一台服务器的各项指标，比如该台服务器的CPU的使用情况、该台服务器的硬盘的使用情况、以及网络的流量等等，本文我们将用TWaver 3D来实现一下该例子。阅读全文

posted @ 2014-09-11 11:32 TWaver 阅读(3563) | 评论 (4) | 编辑收藏

HTML5定制全选列头

摘要: 随着HTML5产品分支的不断深入使用，HTML5的需求也是越来越多，表格组件的使用也不例外，什么排序，分页，自动列宽等。最近有客户提出了如果让表格的列头加上全选的功能。细细分析其实就是两部分，表格的body部分是勾选的列，表头也绘制成勾选的列。阅读全文

posted @ 2014-09-10 14:50 TWaver 阅读(3208) | 评论 (0) | 编辑收藏

Autolayout性能优化

摘要: 最近有客户提出大数据量Topo图的自动布局问题，在Topo中除了Node、Link，还包括Group、Subnetwork等容器组件。在这样的情况下，我们抛开布局算法不谈，主要分析如何提高布局的性能，如何让TWaver能够支持更强大的数据量，让整体的布局效果更人性化。阅读全文

posted @ 2014-09-03 11:07 TWaver 阅读(3078) | 评论 (1) | 编辑收藏

DNA分子结构3D模型

摘要: 生物信息资源更新越来越快,使用可视化的方法来分析DNA序列已成为生物信息学的一个研究热点,用图形表示DNA序列的方法也越来越成熟。2011年，著名杂志《Science》发表一篇引起轰动的文章:《Presenting the Human Genome:Now is 3D!》,这篇文章完全给我们描述了人类基因组测序未来的蓝图，可见3D技术在很多领域都是发展方向。
使用mono可以快速的创建DNA分子结构立体模型，阅读全文

posted @ 2014-08-21 15:07 TWaver 阅读(596) | 评论 (0) | 编辑收藏

Group共享网元

摘要: 熟悉TWaver的用户都知道Group的概念，如果是Group，那必然会出现一个网元在多组的情况，最近有客户遇到这个问题，给写了Demo，这些也跟大家分享一下如何实现，先让我们看看共享网元的效果。阅读全文

posted @ 2014-08-12 16:59 TWaver 阅读(325) | 评论 (1) | 编辑收藏

TWaver MONO模板库新鲜出炉精彩纷呈

摘要: MONO Design在线3D建模平台网站, www.mono-design.cn，开发组的成员们已经开始紧锣密鼓的对这个平台进行内测。在之前的文章里，我们提到用户可以获得多种多样的TWaver官方模型库，现在已经新鲜出炉，让我们擦亮眼睛，一睹为快！阅读全文

posted @ 2014-08-05 11:32 TWaver 阅读(306) | 评论 (2) | 编辑收藏

TWaver版3D化学元素周期表

摘要: 技术上来说，用TWaver 3D来做的思路略有不同。最开始网上这个程序是使用HTML5、CSS3、WebGL、THREE.js、TWEEN.js等技术做的。使用TWaver就不用这么麻烦了，直接一个mono.js就差不多搞定了。技术上依旧是WebGL+js，但没有使用CSS3和其他框架。效果和效率都很好。阅读全文

posted @ 2014-07-14 10:12 TWaver 阅读(6810) | 评论 (25) | 编辑收藏

在MONO Design中使用Flex3D

摘要: 在项目开发组的努力下，HTML5 3D 的开发包变得越来越优秀，越来越健壮；基于HTML5 3D技术的MONO Design建模平台功能也变得越来越强大和完善，这个方便了很多使用我们HTML5 3D的用户。但是对于使用TWaver Flex 3D的用户而言，有个小小的遗憾就是：整个MONO Design是面向HTML5 3D技术的，而不是Flex 3D的。其实不然，虽然MONO Design本身不是Flex开发的，但是它却可以与Flex 2D、Flex 3D技术无缝集成。简单说：MONO Design所有建模的东西，都可以直接在Flex 3D中使用。您还管它MONO Design是什么技术开发的呢？阅读全文

posted @ 2014-07-08 10:02 TWaver 阅读(4901) | 评论 (5) | 编辑收藏

将2D的CAD图纸变成3D的MONO场景

摘要: 几年前TWaver Java就可以导入CAD图纸了，随着TWaver HTML5的流行，如今终于有了HTML5版本的导入CAD图纸功能。有了这个基础，再将2D的CAD图纸变成3D的MONO场景就变得非常轻松了。阅读全文

posted @ 2014-07-04 10:36 TWaver 阅读(5960) | 评论 (2) | 编辑收藏

Mono Design Demo展示

摘要: Mono Design不仅可以是用Editor快速创建3D机房，而且也可以使用代码创建3D产品。下面是通过代码实现的一个综合Demo。依然记得读高中的时候，每次到周一大扫除的时候，班主任总会说:“同学们，让我们全方位、立体式的大扫除吧”。那么现在就让我们来全方位、立体式的欣赏这个Demo吧！阅读全文

posted @ 2014-06-16 15:45 TWaver 阅读(2530) | 评论 (6) | 编辑收藏

TWaver 3D技术在油田行业的应用

摘要: TWaver通过MONO DESIGN平台提供了强大的油田行业3D建模工具。通过拖拖拽拽，可以轻松的创建各种油管、管汇、井口、输油、储油等设备。这些设备也可以通过平台进行新增和修改，并保存在公有云或私有云的服务器中。阅读全文

posted @ 2014-05-26 15:27 TWaver 阅读(733) | 评论 (1) | 编辑收藏

TWaver Flex生成在Android设备上的安装包（apk文件）

摘要: 前几篇文章讲解了怎样将TWaver Flex生成ipa文件，最近也有人问到怎样将TWaver Flex工程转成在Android上设备可运行的文件。然而生成apk文件要比生成ipa文件简单的多，生成速度也快很多。废话不多说，以下就是操作方法，我采用的依然是上次那两篇文字所用到只写了几行代码的两个工程：并且FlexMobile引用了MobileLibrary工程：两个工程的具体内容和TWaver Flex转iOS完全一样选中Flex Mobile工程下的运行文件（FlexMobile——FlexMobile.mxml）,右键——Export… : 选中Release Build,点击“Next”: 只勾选中“Google Andriod”，输入生成文件所在的路径，不填写的话最终的apk文件在Flex Mobile工程的根目录下，点击next 输入好以上的信息后，点击“Finish”就可以。阅读全文

posted @ 2013-07-23 11:17 TWaver 阅读(1927) | 评论 (6) | 编辑收藏

Editor动态设置

摘要: 属性编辑页面可以自己扩展editor，自定义A，B两个Editor，B的值受A值改变而改变思路很简单，存在一个容器，给TDataBox添加网元属性变化监听器ElementPropertyChangeListener，当网元属性A变化后，改变容器中的值，然后属性B的Editor加载容器中的值，这样就可以实现功能了可运行代码下载： Archive 阅读全文

posted @ 2013-07-23 11:02 TWaver 阅读(1624) | 评论 (3) | 编辑收藏

给网元添加倒影

摘要: 如果您拜读过Swing第五刀：走马观花看世博，您是否好奇Flex/Flash是否真的像Swing刀系列作者提到的那样，用Flex/Flash内置的动画、渲染、滤镜等机制可以实现各种“酷炫到底”的效果。先上个“给网元添加倒影”的图给您解下疑惑：

阅读全文

posted @ 2013-07-22 17:57 TWaver 阅读(981) | 评论 (0) | 编辑收藏

让JTextField添加“自动完成”功能（续）

摘要: 在让JTextField添加“自动完成”功能一文中收到了许多user 的反馈，其中有user提到需要能够在下拉列表中同时显示文字和图片。要实现下拉列表的这种功能，不用太难，给ComboBox设置一个Renderer 即可，ComboBox的Renderer默认是一个JLabel，而JLabel 本身就有设置Icon的功能，所以直接用默认的Renderer，并设置上图片即可，代码如下：在上面的代码中，通过文字去查找对应的图片，并设置Renderer 的Icon，其中getImageIcon方法如下，缓存了图片资源，这样不用每次刷新的时候去每次生成ImageIcon: 效果如下：全部代码： Source Code 阅读全文

posted @ 2013-07-22 17:31 TWaver 阅读(1585) | 评论 (3) | 编辑收藏

如何实现link多层bundle

摘要: TWaver默认的Link只能分组bundle，没有分层bundle（也就是展开一层后，再展开一层，或合并一层后，再合并一层），因为在多层bundle中，在中间层中，无法自动分辨是想合并还是展开。这里写个例子，屏蔽了默认的双击Link展开或者合并LinkBundle，通过按钮实现多层bundle（这里实现了两层的合并或展开）。 TWaver中相同Styles.LINK_BUNDLE_ID才能bundle，所以第一层Link分组设置Styles.LINK_BUNDLE_ID 第一层合并或展开，可以直接使用TWaver方法第二层合并，需要记录上一层的Styles.LINK_BUNDLE_ID，因为在展开时需要恢复原本的Styles.LINK_BUNDLE_ID，并需要设置Styles.LINK_BUNDLE_EXPANDED为false，最后重新设置所有Link的Styles.LINK_BUNDLE_ID为相同的值从完全合并第一次展开的时候，需要恢复原本的Styles.LINK_BUNDLE_ID，并将所有Link的original_bundle_id设置为null，设置e.setSt 阅读全文

posted @ 2013-07-22 15:33 TWaver 阅读(1706) | 评论 (0) | 编辑收藏

TWaver Flex 生成在iOS上可运行的ipa文件

摘要: 上次在TWaver Flex转iOS中讲述了怎样让TWaver的工程运行在iOS模拟器中，这次是怎样生成能在iOS中运行的ipa文件，接着上次的那工程接着整理。 1、点击Run —— Run Configurations（如果你用的是“Debug as”，那么最终打出的ipa文件是debug模式的）。 2、点击Run Configurations…进入如下界面： 3、点击了Configure后输入相关的证书信息： 4、点击ok后回到了刚才的界面： 5、修改FlexMobile-app.xml文件，修改id，（你在Apple Store上注册时的），通过更改此文件可以达到其他的效果，比如是否自动的旋转：输入id：设置是否旋转： 6、输入好上面的信息后，点击上面4中的“Run”，点击Run后需要你输入密码,如下图: 7、在6中输入了正确的密码后就开始生成相关的ipa文件，如下图：生成这个文件比价耗时，所以需要耐心的等待，可能需要20分钟吧，在这里慢比较正常；生成的文件在工程目录的bin-debug文件下。以上就是ipa文件的生成。阅读全文

posted @ 2013-07-19 17:00 TWaver 阅读(1442) | 评论 (0) | 编辑收藏

如何指定Node的Label的最大宽度

摘要: Network 上面的Node，默认情况是Label的折行只能通过HTML的
标签，这样做的弊端就是不能动态根据文字的长度智能折行。如果需要达到这个要求，需要定制Node的LabelAttachment。最初的想法是创建一个WrapLabelAttachment，继承自LabelAttachment，然后通过在一个JTextArea，设置文字，setLineWrap（true），指定JTextArea的宽度，然后把JTextArea 的内容绘制这个Attachment；在实现的过程中，发现JTextArea 有一个bug，就是折行的计算不准确，总是在右边留下很大的空白；如下图：测试代码：最后通过自己定制一个MyTextArea来实现，在MyTextArea中，用LineBreakMeasurer来计算动态折行：代码: 然后重写WrapLabelAttachment的 paintName 方法和getBounds 方法：代码: 代码: getBounds方法需要动态计算rect 的宽高。最终效果图：全部代码见附件： WrapLabelDemo 阅读全文

posted @ 2013-07-19 15:01 TWaver 阅读(1874) | 评论 (2) | 编辑收藏

TWaver Flex转iOS

摘要: 借助于Adobe Flash Builder 4.5.1 TWaver Flex可以转换为iOS本地程序，从而运行在iPad、iPhone等iOS系统上。准备：首先需要安装Adobe Flash Builder 4.5.1或以上版本如果需要在设备上调试或者发布到应用程序商店，还需要iOS开发者账号开始: 1:创建Flex Library project(File -> New -> Flex Library Project) 在Build Paths -> Library path选项页，点击Add SWC按钮添加TWaver.swc包，并且将Framework linkage改为Merged into code：创建示例程序：工程截图如下： 2：创建TWaver Mobile工程(File -> New -> … 阅读全文

posted @ 2013-07-19 14:19 TWaver 阅读(1341) | 评论 (1) | 编辑收藏

赛瓦软件参加2013中国国际广播电视信息网络展

摘要: 赛瓦软件将携TWaver HTML5-Mobile应用解决方案和TWaver 3D-三维模拟监控应用解决方案参加2013中国国际广播电视信息网络展览会。

阅读全文

posted @ 2013-07-19 11:00 TWaver 阅读(873) | 评论 (0) | 编辑收藏

TWaver Android 1.0 正式发布

摘要:

TWaver Android 1.0正式发布，欢迎申请试用：http://twaver.servasoft.com/download/download-product 阅读全文

posted @ 2013-07-19 10:51 TWaver 阅读(977) | 评论 (0) | 编辑收藏

用TWaver实现组合的Chart

摘要: TWaver组件中提供了一些通用的Chart，比如Line Chart，Bar Chart，Bubble Chart，Percent Chart等，对于一些复杂的Chart我们也可以通过定制的方式来实现，如前面所给出的用swing制作精美ERP图表，仔细看来这些Chart都是单个chart图，有客户要实现多个Chart的整合，比如Line Chart和Bar Chart组合显示，这该如何来实现？通常我们想到的方式是通过叠加来显示，将TWaver的这两个组件叠加起来，但这会带来很多不必要的麻烦，下面我们通过定制Chart的方式来实现，先看看最终的实现效果... 阅读全文

posted @ 2013-01-21 10:38 TWaver 阅读(1783) | 评论 (0) | 编辑收藏

关注细节－TWaver Android

摘要: 一款优秀的产品体现在细节，UI产品更是如此，精确到每个像素，平衡性能与效果的最佳点，是我们追求的目标，细节的实现过程会有困难，结果却让人兴奋，TWaver Android的开发正是如此，所以我忍不住想分享一些细节点... 阅读全文

posted @ 2013-01-14 11:04 TWaver 阅读(1395) | 评论 (0) | 编辑收藏

Hello TWaver Android

摘要: 准备工作
首先需要搭建Android开发环境，安装eclipse和ADT（Android Development Tools）插件，并在Android SDK Manager中安装需要的SDK。开发人员需要掌握Java编程语言，具备Android开发的能力，最后你需要TWaver Android开发库文件（twaver.android.jar），这样就可以开始TWaver Android的开发了。

下面将以最简单的Hello TWaver示例来作分步详解。

新建Hello TWaver工程
导入twaver.android.jar类库

编写Hello TWaver

运行与调试
Android模拟器

得到下面的界面；阅读全文

posted @ 2012-12-28 12:20 TWaver 阅读(2069) | 评论 (0) | 编辑收藏

Android特性

摘要: Android特性
Android是Google公司基于Linux内核的开源操作系统，主要用于移动设备，目前在智能手机市场占有重要份额。Android应用层使用Java语言开发，运行于Dalvik虚拟机，每个Android应用运行在独立的虚拟机中，这保证了各应用间资源的保护和线程安全。

Android架构简图

Android编程方式：Java，NDK，HTML

通常使用Java语言开发Android应用，但也可借助其他语言，如Android NDK（Native Development Kit）开发模式，可用Java调用C语言库，此外HTML也可以包装成Android应用。

三种方式都有各自的特点，Java为Android原生支持的语言，便于开发本地应用，随着Android系统的不断优化，其效率也在不断提升，TWaver Android就使用Java开发；Androi 阅读全文

posted @ 2012-12-27 10:37 TWaver 阅读(2366) | 评论 (3) | 编辑收藏

TWaver Java内存占用测试

摘要: TWaver Java的性能大家有目共睹，内存占用情况又怎么样呢？不同的数量级下内存增长情况是怎样的？视图组件对内存的影响有多大？我们分别测试了

只把网元加入DataBox
把网元加入DataBox并在Network上显示
把网元加入DataBox并在Tree上显示
把网元加入DataBox并在Tree和Network上显示

这四种情况下不同数量级别的网元的内存占用情况，供大家参考…… 阅读全文

posted @ 2012-12-24 16:12 TWaver 阅读(1395) | 评论 (0) | 编辑收藏

为TWaver HTML5的Tree组件增加鼠标滑过效果

摘要: 出于效率和保持js库最小化的考虑，TWaver HTML5的Tree组件默认的交互方式比较单调，只有选中改变文字背景；但是这不代表TWaver功能不够强大，TWaver预留了很多可以重载的方法，在本文中我们就利用这些方法实现鼠标滑过变色的效果。
先来张gif图片看看效果... 阅读全文

posted @ 2012-11-28 13:56 TWaver 阅读(1558) | 评论 (0) | 编辑收藏

TWaver HTML5 on Microsoft Surface RT

摘要: 公司新入了一台Surface RT(64G，高配啊，再看看我那乞丐版的IPad2，内牛满面…)，测试了下TWaver HTML5运行良好，废话不多说，上照片视频... 阅读全文

posted @ 2012-11-21 15:07 TWaver 阅读(1111) | 评论 (0) | 编辑收藏

TWaver HTML5 继承结构和成员说明

摘要: JavaScript是一门动态语言，但是面向对象的特征没有Java那么明显，导致我们开发起来非常不习惯。拿继承来说，Java中有专门的extends和implements关键字实现，但是在JavaScript却引入了一个”别扭的”prototype，而且实现方式有很多种，虽然灵活，却很容易让初学者一头雾水不知所措。TWaver HTML5的doc是一个js文件，对编辑器很友好，但是我们看起来却不是很方便，远不如JavaDoc来得一目了然，于是我们做了另一个html，算是对原js格式doc的补充。先看一下最后完成的效果：阅读全文

posted @ 2012-11-16 16:46 TWaver 阅读(1866) | 评论 (0) | 编辑收藏

JTree实现文件树

摘要: 这篇文章介绍的内容其实跟TWaver的组件没有任何关系，但是个人觉得还是挺有意思的，所以发出来共享一下。这个文件树(如下图)完全基于swing的JTree组件实现，先看一下最后我们完成的效果... 阅读全文

posted @ 2012-11-02 15:20 TWaver 阅读(2461) | 评论 (0) | 编辑收藏

TWaver 3D for Flex 3.0发布

摘要: 随着Stage3D技术的推广，为了进一步提升TWaver 3D产品的性能和渲染效果，TWaver提供了全新3.0版本，支持Stage3D，并且保持绝大部分接口不变化。对于3.0之前版本的用户，可以与相关的TWaver技术支持人员联系获得更新接口介绍。新用户则可以直接享受Stage3D带来的流畅和新增效果了。
今天先让我们来简单介绍一下这个产品的功能点。
它轻松实现2000个节点的3D渲染不再过于吃力阅读全文

posted @ 2012-10-16 16:32 TWaver 阅读(1305) | 评论 (0) | 编辑收藏

TWaver局部自动布局及嵌套Group处理

摘要: TWaver提供了一些布局算法帮助我们快速为网元设置位置，很多情况下已经够用了，但是对于一些复杂的布局还需要我们自己做一些处理，看下面这个例子：阅读全文

posted @ 2012-10-10 16:26 TWaver 阅读(2393) | 评论 (0) | 编辑收藏

TWaver With JavaFX

摘要: JavaFX Script被抛弃以后，很久不关心JavaFX了，偶然发现JavaFX已经发展到2.2，而且已经绑定到JDK7中，看来Oracle对它还是蛮重视的。
看到有人在论坛提问TWaver有没有JavaFX版本，于是去Oracle网站上逛了一下，发现可以将JavaFX集成进Swing程序中，真是福音啊，立马动手写了个Demo，集成起来还是很方便的。阅读全文

posted @ 2012-09-26 10:38 TWaver 阅读(1194) | 评论 (0) | 编辑收藏

如何在TWaver Flex中定制Tree的tooltip

摘要: 如果您显示过Tree的ToolTip，会发现这个tooltip离鼠标太远了；而且也无法跟随鼠标一起移动；最重要的是，如果想动态更改tooltip也很麻烦。阅读全文

posted @ 2012-09-20 10:10 TWaver 阅读(1352) | 评论 (0) | 编辑收藏

如何让HTML5的表格支持后台排序与分页

摘要: TWaver HTML5发布已有一段时间，使用的客户也是逐渐增加，于是我也迫不及待的申请了一个试用版来写一个小网页，最近正在写到数据查询，表格TWaver HTML5发布已有一段时间，使用的客户也是逐渐增加，于是我也迫不及待的申请了一个试用版来写一个小网页，最近正在写到数据查询，表格显示的功能。表格组件在HTML5中是提供的，查看TWaver提供了Demo,表格的使用还是蛮多的，于是并参考了其中的一个Demo，新建一个表格，并给表格赋值。很快一张表格就生成了。阅读全文

posted @ 2012-08-21 16:37 TWaver 阅读(2180) | 评论 (0) | 编辑收藏

自定义Background

摘要: TWaver提供了ImageBackground来为TNetwork设置背景，ImageBackground可以设置为颜色，渐变色，图片或纹理，但是如果想设置多张图片为背景，或者需要准确的定位背景（比如居中），ImageBackground就无能为力了，下面看我的解决方案：
既然ImageBackground无法满足需求了，我们就自己写一个，得益于TWaver优秀的设计，我们可以很容易的扩展原有的类，然后加上自己的功能。通过查看API得知，ImageBackground继承自AbstractBackground，我们干脆抛弃ImageBackground，自己从AbstractBackground继承。考虑到有可能需要多张图片组合成一个背景，我们引入Layer的概念，在我们自定义的Background维护一个集合，存储Layer的信息，绘制背景的时候从集合中取出Layer统一渲染。阅读全文

posted @ 2012-08-17 11:00 TWaver 阅读(1420) | 评论 (0) | 编辑收藏

GeoServer快速发布地图数据

摘要: TWaver GIS提供了WMS的客户端支持，可以访问地图服务器的相关服务。在平时的中小项目中，购买一套GIS服务实在是一个很大的成本负担，在不降低地图发布能力的前提下，减少成本支出成为各个项目的一个重要方面。在用户手中已经持有地图的矢量数据的时候，选择个价廉物美的GIS服务器就成为降低成本的重要手段，在这里给大家推荐GeoServer。
关于GeoServer发布地图数据，大家可以到http://docs.geoserver.org/stable/en/user/gettingstarted/shapefile-quickstart/index.html查看官方资料。在发布的时候，使用shp格式的空间数据就可以了。今天我们在这里给大家突出的强调几个小细节，方便大家在GeoServer上快速发布地图数据。细节如下…… 阅读全文

posted @ 2012-08-07 10:38 TWaver 阅读(2778) | 评论 (0) | 编辑收藏

利用Layer优化Group显示

摘要: 每天逛逛TWaver论坛已经成为一种习惯，今天看到一个非常有意思的帖子：http://twaver.servasoft.com/forum/viewtopic.php?f=14&t=3129
当两个Group重叠时，Group中的Node会始终显示在两个Group之上，呈现结果如下图(引用了帖子中的图片)：阅读全文

posted @ 2012-08-07 09:53 TWaver 阅读(1046) | 评论 (0) | 编辑收藏

在3D场景中显示汉字

摘要: TWaver 3D for Flex本身支持3D文字的显示，但是用户必须嵌入一套字库才可以。对于国内客户来说，这一点就有些痛苦了，一个中文字库的体积太大，嵌入发布程序中的话，会增大发布包的大小，及时是远程加载，也会因为其恐怖的体积，让用户的web化设计面临网络情况的挑战。当然为了用户也可以去裁剪一个字库，把自己会用到的文字收入其中，做个可控数量级的枚举，但是实时系统在运行过程中，会碰到什么样的汉字也是个未知，很难做裁剪的时候枚举尽所需要的汉字。这个问题一直苦苦萦绕在每个人的心头。
，，，，，，
，，，，，，
终于，TWaver 3D支持动态贴图了，这里的动态贴图已经不只是说可以动态切换贴图资源的来源，更重要的是可以动态切换上在内存中生成的BitmapData对象。大家都知道，Flex的BitmapData支持将其UIComponent绘制出来，这一下子为我们解决汉字显示提供了一个非常便捷的方式，那就是我们把汉字写进一个TextInput组件中去，然后在把这个组件画到一个BitmapData对象中，然后在将这个对象变成我们一个3D对象的贴图（例如一个Plane，一阅读全文

posted @ 2012-08-06 18:00 TWaver 阅读(1103) | 评论 (0) | 编辑收藏

让Swing表格支持远程后台数据翻页

摘要: 在各种实际项目中，表格的远程数据翻页是一个最常见的应用。本文通过一个“阿里巴巴网站地址爬虫”的程序例子，介绍了如何让TWaver Java表格支持远程数据翻页功能。阅读全文

posted @ 2012-08-03 17:23 TWaver 阅读(1669) | 评论 (0) | 编辑收藏

UI定制总结

摘要: TWaver本身提供的丰富的设置选项,可以帮助我们快速实现各种绚丽的效果，但是在某些情况下,我们需要在网元上绘制一些图形来表示某种状态或业务信息，没问题，只需要一点点2D知识可以很容易实现这样的需求。

假设一种需求(仅仅是假设)，监控交换机各个端口的传输速度，并用柱状图动态显示，效果图如下：阅读全文

posted @ 2012-08-01 09:52 TWaver 阅读(938) | 评论 (0) | 编辑收藏

用Swing定制流动的Link样式

摘要: 想想Java2D中给我们提供的线的样式着实很少，除了直线，虚线，好像就没有其他的什么样式了，如果细心的童鞋还会发现，TWaver中倒是提供了一种比较特殊的连线，波浪曲折式的连线。阅读全文

posted @ 2012-07-27 16:52 TWaver 阅读(1237) | 评论 (1) | 编辑收藏

用TWaver HTML5定制五彩斑斓的链路

摘要: 最近有客户提到自定义链路的需求，个人感觉非常有代表意义，现在共享出来给大家参考一下。先来看看需求：

1.链路要分成两半，用两种颜色填充。
2.填充百分比在不同值域时，用不同颜色。
3.显示刻度
4.有个开关，可以控制链路变短，变短后，链路只画开始和结束部分（相当于原始链路的缩影），中间不画
5.如果有多条链路，链路合并后两端分别显示这些链路中的最高填充百分比
6.进入子网后，节点上显示和上层节点的连线信息阅读全文

posted @ 2012-07-17 11:20 TWaver 阅读(1540) | 评论 (0) | 编辑收藏

使用3D呈现拓扑的多层次结构

摘要: 关于3D场景在现在网管中的应用的讨论一直没有停止过，应用场景有哪些，应用的意义有哪些，可以为产品开发、为系统使用带来多少利益点等等。今天给大家介绍一种应用情景，希望能借此机会，抛砖引玉，引出更多更具有实际意义的应用需求来，为大家的应用系统的丰富性添砖加瓦。

注意：本文提供在线体验Demo和源代码下载。阅读全文

posted @ 2012-07-03 16:45 TWaver 阅读(1055) | 评论 (0) | 编辑收藏

减少Menu分割线的间距

摘要: 之前看到社区中有介绍怎么灵活的使用右键菜单，现在积累下来右键菜单的方式还是比较多的，初步了解一下：
1. 使用flash自带的右键菜单，通过ContextMenu来设置，这是twaver最早右键菜单的解决方法，但这种方式有一个不太好的地方是自带上了flash的信息，而且很讨厌的是去不掉。
2. 使用Menu，通过左键的方式来触发弹出Menu项。这个方式还是比较能够接受的，对于flash也没有版本的要求。
3. 使用Flash Player 11.2的新功能实现右键菜单，这种方式虽好，但是需要使用比较高的flash版本，但我们项目中很多用户还是老的版本，领导觉得这种方法不太适合我们。阅读全文

posted @ 2012-06-20 11:49 TWaver 阅读(1219) | 评论 (0) | 编辑收藏

让JTextField添加“自动完成”功能

摘要: 在越来越考虑“用户体验”的今天，一个简单的文本框也演进的越来越智能了。比如Google的搜索疏狂，比如邮件客户端的地址输入框等。本文将介绍如何让Java Swing的文本框也能轻松做到这一点。对了，完全不需要第三方库哦，几行代码就搞定了。阅读全文

posted @ 2012-06-12 14:28 TWaver 阅读(2545) | 评论 (4) | 编辑收藏

替换TWaver中Tree展开合并图标

摘要: TWaver最大的优点之一是“灵活的定制功能”。光说不练不行，来个例子演练一把：定制Tree节点的标签。

默认Tree和Network上的标签显示的是网元的name属性，设置Styles.TREE_LABEL属性后，可以让Tree显示Styles.TREE_LABEL的值，以达到Tree和Network显示不同标签的目的
如果觉得这样还不够，可以设置Tree#labelFunction，比如下面的代码可以让Node显示name，Link显示Styles.TREE_LABEL：
既然TWaver这么灵活，那Tree的展开合并图标能定制么？阅读全文

posted @ 2012-06-12 10:45 TWaver 阅读(1056) | 评论 (0) | 编辑收藏

设备的3D化展示

摘要: 现在收到的关于3D应用的需求主要集中在了4个方面，一是室外场景的再现，二是室内布局的呈现，三是单个设备对象的3D化呈现，四是空间交互。针对第三种需求，很多人都提出了设备打开动作，移出动作的需求，请看下面的用例展示：阅读全文

posted @ 2012-06-06 09:57 TWaver 阅读(1199) | 评论 (0) | 编辑收藏

TWaver网元动态转动效果

摘要: TWaver多个网元动态旋转效果阅读全文

posted @ 2012-06-05 17:54 TWaver 阅读(1366) | 评论 (0) | 编辑收藏

TWaver3D 编辑器的使用（二）—— 定制模板module

摘要: 在TWaver3D编辑器的设计中，借助于ModuleManager实现了模块（module）的动态加载，这样用户可以自定义扩展3D模板，用于增加可编辑对象，提高编辑器能力。那么如何来扩展这些模板呢，让我来带领大家认识一下Editor的动态module应用机制。
在实际应用的时候，用户需要更多的模型模板，用来做场景编辑，例如说新的设备，新的房型等等，这时能不能由用户进行模型模板的扩展呢？
我们举例来说，例如客户需要向设备上添加一个信号灯对象，那么怎么办，如何把这种模型模板添加到TWaver的3D编辑器中？阅读全文

posted @ 2012-05-31 16:08 TWaver 阅读(1424) | 评论 (1) | 编辑收藏

控制TList的限量多选

摘要: 人生就是一个不停选择的过程。所以，我们必须要谨慎的控制好你的选择。无论是TList的SelectionModel，还是我们的人生之路。阅读全文

posted @ 2012-05-30 09:55 TWaver 阅读(1391) | 评论 (1) | 编辑收藏

Java Web Start实践：动态生成JNLP

摘要: Java很早就推出了Java Web Start（简称JWS）技术，其目的是在桌面程序和Web页面之间搭起一个无缝的桥梁。不过JWS也是问题多多，bug频频。本文以2BizBox ERP项目为例，介绍了如何通过动态生成jnlp的方式来解决如何简单、快速的为海量用户通过JWS来部署Java应用。阅读全文

posted @ 2012-05-21 10:56 TWaver 阅读(2661) | 评论 (1) | 编辑收藏

打造模块化的TWaver Flex应用

摘要: 当Flex应用越来越庞大时，问题会越来越多：
1. SWF文件的大小也会越来越大；
2. 下载SWF文件的时间也会越来越长；
3. 如果有多个Flex应用，如何复用相同的代码（包括Flex Framework、自定义组件库和第三方包，比如TWaver Flex）；
4. 每次升级后，用户都需要再次重新下载新的SWF文件；
5. 如何在不修改并编译旧SWF文件的情况下，增加新功能...
本文详细介绍了RSL和Modular的结合，帮您打造模块化的、可扩展的、强壮的TWaver Flex应用... 阅读全文

posted @ 2012-05-10 11:55 TWaver 阅读(1682) | 评论 (1) | 编辑收藏

在TWaver Flex中实现垂直文字布局

摘要: 最近有客户提到如何让Network上网元的标签垂直显示，首先想到的就是每个字符之间插入一个回车，这个用Network#labelFunction就能达到目的。但效果不是很理想，中英文混合时，英文也被一个字母一个字母的分开了。有没有更好的方案了？答案是肯定的，借助于Flex的Flash Text Engine (FTE)和Text Layout Framework (TLF)，可以很容易的让文字从上到下显示... 阅读全文

posted @ 2012-05-04 11:30 TWaver 阅读(2249) | 评论 (1) | 编辑收藏

自定义告警染色

摘要: 在TWaver中，拓扑上的告警呈现的方式是多种多样的，最常见、最通用的是在原来的图片上叠加上告警级别所对应的颜色，这种方式是采取图片颜色叠加处理，也就是在原来网元的图片上叠加上告警的颜色，对于大部分的图片来说是没有什么问题的，比如任意从网上找两种图片进行告警渲染做测试，效果还是可以的，两张图片的染色都还有保持着告警的颜色。但有些图片的渲染就不是那么让人满意了，从客户那边取过来一个icon图片做了一下测试。阅读全文

posted @ 2012-05-03 14:13 TWaver 阅读(2017) | 评论 (3) | 编辑收藏

TWaver HTML5 高性能拓扑

摘要: TWaver HTML5临近发布，近期最大的惊喜是添加了一个高性能的拓扑实现，万级别的数据量，轻松搞定阅读全文

posted @ 2012-05-03 12:02 TWaver 阅读(1986) | 评论 (1) | 编辑收藏

HTML5 WebSocket 应用示例

摘要: 继续上一篇《HTML5 WebSocket 技术介绍》的内容，本篇将以示例说明WebSocket的使用，这个示例同时结合了TWaver HTML5的使用，场景如下：后台提供拓扑数据，并以JSON格式通过WebSocket推送到各个客户端，客户端获取到拓扑信息后，通过TWaver HTML5的Network组件呈现于界面，客户端可以操作网元，操作结果通过WebSocket提交到后台，后台服务器更新并通知所有的客户端刷新界面，此外后台服务器端还会不断产生告警，并推送到各个客户端更新界面。阅读全文

posted @ 2012-05-03 11:52 TWaver 阅读(4823) | 评论 (2) | 编辑收藏

HTML5 WebSocket 技术介绍

摘要: WebSocket介绍
webSocket是html5新引入的技术，允许后台随时向前端发送文本或者二进制消息，WebSocket是一种全新的协议，不属于http无状态协议，协议名为”ws”，这意味着一个websocket连接地址会是这样的写法：
ws://twaver.com:8080/webSocketServer。ws不是http，所以传统的web服务器不一定支持，需要服务器与浏览器同时支持， WebSocket才能正常运行，目前的支持还不普遍，需要特别的web服务器和现代的浏览器。阅读全文

posted @ 2012-05-03 09:57 TWaver 阅读(12076) | 评论 (2) | 编辑收藏

TWaver 3D 编辑器的使用（一）－－－－设计3D场景以及数据绑定

posted @ 2012-05-02 15:24 TWaver 阅读(1337) | 评论 (2) | 编辑收藏

TWaver HTML5 + Node.js + express + socket.io + redis（六）

摘要: 接上一篇TWaver HTML5 + Node.js + express + socket.io + redis（五）, 这一篇将讲解如何用模版生成html页面, 如何验证用户登录, 您将了解到:
1. 模版引擎jade
2. 使用express的session功能阅读全文

posted @ 2012-03-23 17:35 TWaver 阅读(2457) | 评论 (4) | 编辑收藏

TWaver在电力系统中的应用

摘要: 电力电气系统中这些界面都是由很多电气元素组成的，比如变压器，刀闸，开关，接地开关，电容器，发电机等。接下来我们看看如何去扩展这些电气元素，先整个简单的刀闸，刀闸一般有两种状态，打开关闭，因此我们可以定义一个刀闸的类，继承于ResizableNode,添加turnOn的属性来控制开关状态阅读全文

posted @ 2012-03-15 11:34 TWaver 阅读(1521) | 评论 (0) | 编辑收藏

Make an TWaver HTML5 iPhone App

摘要: 构建iOS App有很多技术方式可以选择，本文介绍基于UIWebView的Cocoa Touch组件嵌入HTML页面的方式实现的一个iPhone
App例子。文中将穿插iOS的基本内容，TWaver HTML5的基础应用，以及Objective C与Javascript相互调用的技术点。阅读全文

posted @ 2012-03-10 23:36 TWaver 阅读(1801) | 评论 (2) | 编辑收藏

TWaver 3D搭建户外拓扑场景

摘要: 采用平面方式展现机房室内场景是我们在平常的应用系统中最常见的界面，平面展现具有高效、直观、准确的优点，随着信息量的扩增和技术的发展，客户希望在系统能够提供更逼真的3D场景，用于增加系统的可阅读性。TWaver Flex 3D借用TWaver的Element对象，通过在Element对像上面扩展3D Style，实现了3D场景的再现。

人生是美好的，不过那可是由一系列的意外组合而成的。用户又问阅读全文

posted @ 2012-03-09 12:56 TWaver 阅读(1324) | 评论 (0) | 编辑收藏

TWaver HTML5 + Node.js + express + socket.io + redis（五）

摘要: 接上一回TWaver HTML5 + Node.js + express + socket.io + redis（四）, 这一篇您将了解到
1. 如何保存更改后的拓扑数据 (包括新增的, 修改的, 删除的)
2. 如何广播更改后的拓扑数据 (仅仅广播更改的数据)
下面是mac和iphone上的效果图, mac或iphone上的修改都将及时互相同步: 阅读全文

posted @ 2012-03-05 17:09 TWaver 阅读(1910) | 评论 (0) | 编辑收藏

TWaver在FTTX设备网管系统中的应用

摘要: 随着对带宽要求的越来越高，光网络设备已经逐渐取代老的传输介质成为主流，下面一个demo介绍了TWaver在FTTX设备网管中的一些应用场景阅读全文

posted @ 2012-03-02 15:10 TWaver 阅读(1576) | 评论 (0) | 编辑收藏

浏览器关闭时, 如何提醒用户保存Flex上的拓扑数据

摘要: 当浏览器关闭时, Flex如何能得到通知, 提醒用户保存数据阅读全文

posted @ 2012-02-29 17:51 TWaver 阅读(1481) | 评论 (2) | 编辑收藏

打造自己的Flex AIR标题栏

摘要: 如何用代码禁用Flex AIR程序标题栏的最大化, 最小化按钮阅读全文

posted @ 2012-02-29 14:51 TWaver 阅读(2329) | 评论 (0) | 编辑收藏

TWaver HTML5 + Node.js + express + socket.io + redis（四）

摘要:

在上一篇TWaver HTML5 + Node.js + express + socket.io + redis（三）中，您应该对Node.js的web框架express、实时通讯框架Socket.IO、redis客户端：redis有所了解了。这一篇将介绍TWaver HTML5的拓扑和通用组件功能，您将了解到： < 阅读全文

posted @ 2012-02-17 16:45 TWaver 阅读(2483) | 评论 (1) | 编辑收藏

Flex中定制带图标的Tooltip

摘要: “定制”无疑是TWaver中最大的一特色，无论是node，link，attachment，就连tooltip也同样可以定制，“定制”可以显示出更强更复杂的一些功能，今天给大家带来了一个定制Tooltip的例子。
阅读全文

posted @ 2012-02-09 17:44 TWaver 阅读(1844) | 评论 (0) | 编辑收藏

如何让Flex的Tree显示水平滚动条

摘要: 一直有人问为何设置了twaver.controls.Tree的horizontalScrollPolicy为 ScrollPolicy.AUTO，可是还是没有横向滚动条。这是由于Adobe出于性能的考虑，没有计算maxHorizontalScrollPosition的值。本文贴出了解决方案阅读全文

posted @ 2012-01-31 17:29 TWaver 阅读(2609) | 评论 (1) | 编辑收藏

使用Flash Player 11.2的新功能实现右键菜单

摘要: Flash Player 11.2新加了一个非常重要的特性：支持右键，具体参见：Flash Player 11.2 Beta Features
下面是在TWaver Flex的Network中使用右键菜单的效果，等了多少年的功能终于可以轻松实现了，不用再通过html的js脚本屏蔽右键菜单了
阅读全文

posted @ 2012-01-11 16:58 TWaver 阅读(3074) | 评论 (5) | 编辑收藏

TWaver html5 + NodeJS + express + websocket.io + redis 快速搭建项目（三）

摘要: 在上一篇TWaver html5 + NodeJS + express + websocket.io + redis 快速搭建项目（二）中，给大家介绍了Node.js的安装；本篇将介绍Node.js的使用，您将了解到：

1. Node.js的web框架：express
2. Node.js的实时通讯框架：Socket.IO
3. Node.js的redis客户端：redis

阅读全文

posted @ 2011-12-31 14:38 TWaver 阅读(4483) | 评论 (5) | 编辑收藏

TWaver html5 + NodeJS + express + websocket.io + redis 快速搭建项目（二）

摘要: TWaver HTML5即将发布，这里迫不及待的给大家介绍一下如何使用TWaver HTML5开发一套完整的拓扑系统。既然是完整的系统，那当然要涉及后台、数据库、数据交互等阅读全文

posted @ 2011-12-24 00:53 TWaver 阅读(2348) | 评论 (1) | 编辑收藏

TWaver html5 + NodeJS + express + websocket.io + redis 快速搭建项目（一）

摘要: TWaver的html5版本即将发布了，于是今天用TWaver HTML5 + NodeJS + express + websocket.io + redis搭建了一个简单原型。先发出几张效果图给大家尝尝鲜。界面添加、修改以及删除网元后，会自动增量存库，并广播更新。阅读全文

posted @ 2011-12-16 16:30 TWaver 阅读(3740) | 评论 (9) | 编辑收藏

使用FlexCover测试Flex代码覆盖率

摘要: Flex中测试代码覆盖率

开发过程中，可能想查看下，当前代码的利用率，是否有”废”代码，可以通过FlexCover工具进行查看

阅读全文

posted @ 2011-10-28 14:27 TWaver 阅读(1389) | 评论 (1) | 编辑收藏

巧用告警传播实现树结点过滤

摘要: 本文巧用TWaver内置的“告警传播”机制，来实现复杂树的动态过滤。只有想不到，没有做不到。活学活用，TWaver会给你不断带来意想不到的惊喜。
阅读全文

posted @ 2011-10-13 15:28 TWaver 阅读(1543) | 评论 (0) | 编辑收藏

TWaver定制流动的link

摘要: TWaver的连线默认支持流动效果，设置连线的流动属性为true，以及流动颜色，方向，宽度等，就可以出现下面间隔颜色的流动效果。
阅读全文

posted @ 2011-09-16 15:45 TWaver 阅读(2499) | 评论 (2) | 编辑收藏

用Swing制作精美的图层叠加图

摘要: 前段时间，看到不少人用Swing在写东西，比如我们的Swing刀客和剑客（三号管家chart图的模仿），都用到了写出了很漂亮的swing界面。下面我要分享的是用swing编写的图层叠加效果图，其中用到了twaver的一些功能。（在此仅仅是为了分享给大家比较美的界面，希望能在这酷暑之际为大家带来一丝凉意或美的享受就心满意足了）。阅读全文

posted @ 2011-07-29 16:28 TWaver 阅读(2053) | 评论 (1) | 编辑收藏

如何用BlazeDS动态更改图片

摘要: 相信大家在实际应用中肯定会碰到这样的问题：如何动态更改网元图片或者Topo背景？本文用具体实例演示了如何从本地上传图片到服务器，并设置为Topo背景。

阅读全文

posted @ 2011-07-06 14:06 TWaver 阅读(1651) | 评论 (2) | 编辑收藏

TWaver 3D应用“谍报”

摘要: 纯平面图走向仿3D的正视效果阅读全文

posted @ 2011-03-10 12:20 TWaver 阅读(1989) | 评论 (1) | 编辑收藏

TWaver Flex网元任意位置添加icon

摘要: 在Java版本中提供的iconAttachment机制可以在网元的任意位置放置n个图标或文字阅读全文

posted @ 2011-03-04 15:24 TWaver 阅读(1581) | 评论 (0) | 编辑收藏

Flex下实现拖动节点时，连线拱起的效果

摘要: 最近用户有个比较“变态”的需求：从工具栏上将节点拖入拓扑图中时，如果鼠标下面是Link，就将节点插入这条Link之间；而且鼠标在拖拽过程中，鼠标下面的link呈现凸起效果。阅读全文

posted @ 2011-02-16 17:02 TWaver 阅读(2722) | 评论 (3) | 编辑收藏

TWaver Web 上万网元的地图漫游

摘要: 众所周知，TWaver Web 应用中，要求单子网可见网元数量在两千以下，TWaver Swing则能达到上万的承载能力，两个产品使用相同的TWaver Java内核，效率差异却如此巨大，原因何在？浏览器中SVG呈现能力有限是关键。阅读全文

posted @ 2010-12-14 09:42 TWaver 阅读(1586) | 评论 (0) | 编辑收藏

TWaver导入导出AutoCAD DXF图纸

摘要: 几年前就有用户提出TWaver读取并转换AutoCAD图纸的需求了，最近又需要修改并保存AutoCAD图纸。用户的需求就是我们的动力，目前TWaver终于有了导入导出AutoCAD图纸的解决方案。阅读全文

posted @ 2010-12-14 09:41 TWaver 阅读(2417) | 评论 (1) | 编辑收藏

用TWaver做业务流程管理

摘要: 这篇文章主要讲述了如何用TWaver做业务流程管理，通过连线的流动和动画体现各业务之间的流程。阅读全文

posted @ 2010-12-09 14:54 TWaver 阅读(1605) | 评论 (0) | 编辑收藏

TWaver微博投票

posted @ 2010-11-25 12:28 TWaver 阅读(1532) | 评论 (2) | 编辑收藏

TWaver Platform探秘：可视化电信设备建模平台

摘要: 在电信资源管理系统中，设备的管理是一个复杂的难点。运营商的网络规模庞大，设备种类和数量众多，同一类设备又有很多不同厂商，即使同一厂商的设备也有不同的型号和版本. 阅读全文

posted @ 2010-11-25 12:26 TWaver 阅读(1762) | 评论 (0) | 编辑收藏

天地图上线,国人地图无忧

摘要: 10月21日上午，中国区域内数据资源最全的地理信息服务网站“天地图”（http://www.tianditu.cn）正式开通，此举标志着国家地理信息公共服务平台建设取得重大进展. 阅读全文

posted @ 2010-11-24 09:54 TWaver 阅读(1941) | 评论 (1) | 编辑收藏

一步一步教你使用TWaver实现UML图—网元篇

摘要: 一步一步教你使用TWaver实现UML图阅读全文

posted @ 2010-11-24 09:49 TWaver 阅读(3533) | 评论 (1) | 编辑收藏

快速实现应用系统向移动平台的移植

摘要: 智能手机以及平板电脑的迅猛发展，使得移动终端开始遍及人们生活的各个领域，丰富多彩的App催生了让这些终端从消费领域杀向生产应用的大趋势，各类型的商用系统也产生了将自身应用推及移动平台的迫切需求，如何在目前情况下，快速、高品质、低成本的实现系统应用的移植成为各个厂家积极探讨的话题。TWaver团队迅速切入这个话题，采用Native App+WEB App混搭的模式，实践出了一条可行方案。阅读全文

posted @ 2010-11-02 10:44 TWaver 阅读(1267) | 评论 (0) | 编辑收藏

用swing制作精美ERP图表

摘要: 十一长假，不知大家出去玩了没。反正上海的世博会依旧是水泄不通，用朋友的话说是“裤子都挤掉了”，不过不用担心，由于人太多，裤子想掉不下来也不容易，“6000万人次”可不是吹的……
阅读全文

posted @ 2010-10-09 18:14 TWaver 阅读(2557) | 评论 (0) | 编辑收藏

TWaver Web 4.0 在线网站更新 – 增加地图应用

摘要: TWaver Web 4.0 Beta在线网站 (http://web.servasoft.com/svg4) 悄然更新，增加了地图的例子，笔者在Safari下测试效果不错，支持点选，多选，移动(三角形状的节点可以移动)，缩放等操作，与OpenLayers整合得天衣无缝。

ps. 似乎不支持IE浏览器，看来TWaver 开发人员不太喜欢IE，期待在正式版本中实现

阅读全文

posted @ 2010-10-08 14:50 TWaver 阅读(1679) | 评论 (0) | 编辑收藏

直击JavaOne之结局：不乏精彩

posted @ 2010-09-25 15:04 TWaver 阅读(1662) | 评论 (1) | 编辑收藏

直击JavaOne之开幕日：这个秋日有点冷

posted @ 2010-09-24 21:51 TWaver 阅读(1849) | 评论 (1) | 编辑收藏

直击JavaOne之前夜：软件，硬件，齐活

摘要: 希望Oracle善待Java，善待900万Java开发者！
阅读全文

posted @ 2010-09-21 14:42 TWaver 阅读(2157) | 评论 (3) | 编辑收藏

TWaver at JavaOne 2010 in San Francisco

摘要: Servasoftware(TWaver) booth will be #5503 located in the JavaOne 2010 Exhibition Hall
阅读全文

posted @ 2010-09-20 12:49 TWaver 阅读(1808) | 评论 (0) | 编辑收藏

GIS中逻辑拓扑和物理拓扑如何结合显示

摘要: 也许很多人使用过TNetwork，但对GIS开发还不是很了解。TWaver GIS中对应也会有一个物理拓扑。在结合GIS开发过程中，很多客户经常会因整合逻辑拓扑和物理拓扑而困惑。
阅读全文

posted @ 2010-09-15 18:27 TWaver 阅读(2146) | 评论 (0) | 编辑收藏

小Demo带来大项目

摘要: 这是又是一个关于项目的故事。在中国的软件行业里面，这样的项目故事每天都在上演，只是过程未必如此简单精彩，结果也未必圆满。在奥运、世博这些大背景下诞生的铺天盖地项目大潮中，无论供应商还是软件商，有人在这场盛宴中狂欢，也有人在硝烟散尽时黯然离场。要在这个大舞台上扮演一个橘色，就要拿出点点真功夫，无论是台上的，台下的，见的人的还是见不得人的。我们是程序员，就要多从写程序的角度来拿出真功夫，体现我们的价值。
阅读全文

posted @ 2010-09-14 18:41 TWaver 阅读(5960) | 评论 (2) | 编辑收藏

瞧咱办公室的拓扑图

摘要: 前几天的《Swing版小小网管》让我想起前阵子做过的一个企业网管项目。客户是一个工厂，搞生产制造的。人并不多，四、五十人，多数是车间工人。办公室的也就二十多人，网络结构并不复杂：ADSL宽带接入，加上几个AP进行信号扩展；台式机、服务器、笔记本电脑，加上零星的手机上网，仅此而已。大伙知道做企业网管是比较艰难的，工作量大，吃力不讨好，竞争激烈，卖不了几个钱。但是为了能够在项目中多点筹码，界面还是要做的精益求精才行。阅读全文

posted @ 2010-09-14 18:41 TWaver 阅读(2274) | 评论 (3) | 编辑收藏

Swing版小小网管

摘要: BlogJava上不少朋友是做网管系统的。一个典型的网络管理系统，需要具备FCAPS几个标准模块，而网络的自动发现和拓扑展示是核心之一。很多人不喜欢Java的Swing，而本文就用一个很小很小的例子，来模拟一个小小的网络管理程序，希望能给大家一点启发。虽然很小，它却可以完成一个简单的局域网自动发现搜索、多线程、ICMP和SNMP的ping、节点的生成、拓扑的展示、自动布局等功能。继续改巴改巴也许还有点使用价值也未可知。阅读全文

posted @ 2010-09-14 17:28 TWaver 阅读(1840) | 评论 (1) | 编辑收藏

5分钟做一个Dashboard

摘要: 一大堆图表放一起，综合呈现各种数据统计，估计所有的程序都有这种需求。老外喜欢叫它Dashboard，中文还真没太有合适的对应的词，有人干脆翻译为“仪表盘”，挺怪异的。

有了TWaver的一大堆Chart，做Dashboard就不难了。用GridLayout把一大堆Chart放在一个JPanel中，再做一个Border，放上一些操控的按钮，例如最小化、最大化之类，就有模有样了。
阅读全文

posted @ 2010-09-13 10:37 TWaver 阅读(2047) | 评论 (0) | 编辑收藏

Swing小练习：中国式凭证录入

摘要: 做ERP或财务软件的朋友知道，中国式的凭证录入界面需要一些特殊的显示效果：录入金额的单元格要显示一些数字分割线。估计这个风格来自老式的手工记账本，因为我还隐约的记得当年从生产队仓库里面偷来的账本就是这个样子滴。阅读全文

posted @ 2010-09-13 10:32 TWaver 阅读(2321) | 评论 (0) | 编辑收藏

想知道心中的她/他/它在哪里吗？

摘要: 最近老是有莫名的客户访问公司网站，一直假扮神神秘秘，不肯透露自己的公司信息，搞得公司负责营销的mm很是郁闷，无法登记客户的来源信息阅读全文

posted @ 2010-09-08 14:20 TWaver 阅读(2104) | 评论 (5) | 编辑收藏

震撼的CSDN用户关系图

摘要: 一个大的社区网站，其用户之间通过“关注”关系、“好友”等联系，组成了一个巨大的人际网络、知识网络。这个网络到底有多大，看上去又会如何呢？是否也能大到“三个人就能到达任意点”的程度呢？怀着无比的好奇心情，作者萌发了一个念头：用程序图形化的呈现一下这个庞大的人际网络，相信一定会have lots of fun！看完本文您一定会有所震撼和收获。
阅读全文

posted @ 2010-09-07 14:11 TWaver 阅读(2925) | 评论 (4) | 编辑收藏

疯狂的Swing——《飞屋环游记》

摘要: 这几天偶然看了电影《飞屋环游记》，颇受感动。方块脸的老头、稚气未脱的亚洲小娃、以及五彩缤纷的气球和飞屋总在我脑海晃动，一股浓浓的温馨、幸福和执着久久无法抹去。Pixar公司利用其招牌的动画技术和最杰出的3D特效，让人物的每个细微表情和场景都充满了强烈的感染力。最美的还是绚丽的南美洲丛林和高原，以及色彩缤纷的气球，仿佛这小小的气球承载和实现了我们每个人内心的梦想，让人无法忘记。而本文，则用程序员的方式，用代码重新演绎了这份浪漫和感动。一起来体验这趟飞屋环游之旅吧！
阅读全文

posted @ 2010-09-07 14:03 TWaver 阅读(1633) | 评论 (0) | 编辑收藏

Silverlight中如何得到PNG格式图片大小

摘要: 始终坚持最大程序减少用户工作量原则的TWaver开发团队，在正式TWaver .NET 1.0发布时提供了让人更舒心的RegisterPNGImage(string name, Uri uri)函数，是的，你不用在告诉TWaver宽高了，TWaver会自动的去获取，至于如何获取很多同学很感兴趣，以下实现代码原理很简单我就不解释了，总之条条道路通罗马，Silverlight不提供的我们也能走出自己的路
阅读全文

posted @ 2010-09-06 16:16 TWaver 阅读(1680) | 评论 (0) | 编辑收藏

Flex会给电信软件开发带来变革吗？

摘要: 如果你是电信行业的程序员，大名鼎鼎的拓扑图工具TWaver你一定耳熟能详；但是如果一提到TWaver你就想到一个Swing组件包，那你毫无疑问已经out了。经过十几年的发展，TWaver看上去已经不再是一个简单的Swing拓扑组件，这些年TWaver陆续推出了AJAX+SVG的Web版、GIS版，现在又出了Flex版。什么？Flex版TWaver？小玩具吧？能做企业甚至电信应用么？看看TWaver Flex这个令人震撼的在线demo，相信你会有自己的答案。反正我坚信Flex技术必将在电信行业应用中大展拳脚——至少它绝不再仅仅是一个花瓶和玩具。
阅读全文

posted @ 2010-09-06 16:15 TWaver 阅读(1845) | 评论 (0) | 编辑收藏

深入浅出GUI线程安全（三）

摘要: 创建个Console程序，敲出上面的和helloworld一样复杂度的代码，运行后你估计会怀疑自己的智商，这么简单的代码都能搞出异常？
阅读全文

posted @ 2010-09-03 14:10 TWaver 阅读(1796) | 评论 (0) | 编辑收藏

深入浅出GUI线程安全（一）

摘要: 作为一名TWaver Evangelist，我的工作目的就是通过与客户的交流、培训甚至现场支持等方式帮助用户将TWaver更好地应用到客户项目中，TWaver是这么一款横跨Java、Web、Flex和.NET等多种技术平台的GUI图形组件，因此我的工作内容简单的说就是：帮助客户正确使用GUI。阅读全文

posted @ 2010-09-01 22:50 TWaver 阅读(1975) | 评论 (1) | 编辑收藏

深入浅出GUI线程安全（二）

摘要: 这种情况下你唯一能做的就是将你要做的任务注册到EDT的事件派发队列里面，如果用Swing可以调用SwingUtilities.invokeAndWait或invokeLater，用SWT可以调用Display.asyncExec或syncExec，用Silverlight和WPF可以调用Dispatcher.BeginInvoke。
阅读全文

posted @ 2010-09-01 22:50 TWaver 阅读(1311) | 评论 (0) | 编辑收藏

电信网管中的Java客户端（四）

摘要: 在电信网管系统的五大模块PCAPS中，性能管理（Performance Management）是非常重要的部分。性能管理是对电信网络的有效监控手段，是实现网络“提前预警”或“主动式告警”的基础。性能管理一般分为历史性能数据和实时数据采集两类。历史性能数据一般需要网管后台系统的任务调度模块按照预定义的系统配置参数启动数据采集任务，并将数据采集结果存储到数据库中，以供用户进行统计、分析之用。实时性能数据一般由用户主动发起和终止，系统按照当前任务参数进行实时的数据采集，并将数据呈现。实时性能数据可选择存库，也可选择不存库，只作为瞬态数据进行呈现。实时性能数据也可挂接业务判断规则，以便生成告警或者各种动作。
阅读全文

posted @ 2010-09-01 13:52 TWaver 阅读(1409) | 评论 (0) | 编辑收藏

电信网管中的Java客户端（三）

摘要: 前文介绍了用Java开发电信网管界面系统的方法和相关产品。本文继续阐述如何使用TWaver Java来制作简单的网络拓扑图。
阅读全文

posted @ 2010-08-31 12:45 TWaver 阅读(1728) | 评论 (3) | 编辑收藏

是男人就下一百层，是TextArea就滚到最后一层

摘要: 如何才能自动的让TextArea滚动到最后一行呢，细心的同学可能早就发现了TWaver Demo中的小技巧了，以下我归总一下：
阅读全文

posted @ 2010-08-30 16:55 TWaver 阅读(1660) | 评论 (0) | 编辑收藏

电信网管中的Java客户端（二）

摘要: 前文讲述了用Java开发电信网管界面系统遇到的困难。其中，制作网络拓扑图是我们第一个必须克服的困难。本文概述如何使用和制作网络拓扑图的产品和方法和思路。
阅读全文

posted @ 2010-08-30 16:53 TWaver 阅读(1505) | 评论 (0) | 编辑收藏

电信网管中的Java客户端（一）

摘要: Java，尤其是J2EE技术，在网络管理系统中的应用已经比较普遍。很多公司都将自己的新一代网络管理产品构建在J2EE技术平台之上，以便实现大型网络管理系统的分布式架构。一般的企业级或电信级网管系统都涵盖FCAPS等基础模块，同时在此基础上构建面向运营商的业务模块，如端到端的监控和管理、基于商业规则的告警处理、工作流等等。EJB很适合实现这类模块，很多公司的产品也已经这样做了。但是，本文要讨论的不是Java在网管服务器侧的应用，而是大家讨论比较少的客户端应用。

Java桌面技术一直饱受批评。而在选择了J2EE做网管后端后，客户端该如何选择呢？是选择简单灵巧的Web技术，还是选择复杂强大的Swing技术呢？
阅读全文

posted @ 2010-08-30 16:52 TWaver 阅读(1743) | 评论 (0) | 编辑收藏

Swing的设计是MVC的典范

摘要: 不管你的项目是否用到了Swing技术，我都要说，Swing是一个设计优秀的Java包，它充满了大师的智慧。如果你学了Java却连一个Button还不会写，就象你学习Visual Basic却不会用Button，那可绝对是不能被原谅的。Swing技术的应用已经在国外大行其道，由于java的免费、易学以及大家对于java技术的充分信赖，好多公司早早的就把应用程序的一切，从后台服务到前台人机交互界面，统统移到了java开发上。Swing出现了快10年了，凭借其先进的设计思想，一直未曾落后于哪种语言的界面开发技术，使用和理解Swing的设计思想，对软件开发者大有裨益。
阅读全文

posted @ 2010-08-29 09:15 TWaver 阅读(1791) | 评论 (1) | 编辑收藏

Applet中避免单类模式使用UI组件

摘要: 如果Applet被重新加载，也就是点击浏览器的刷新按钮，或者在同一个浏览器下关闭Applet再打开的情况下，新的Applet将以新的Swing toolkit threads对键盘事件进行处理，这样以前缓存的单UI实例组件将再也接收不到键盘事件阅读全文

posted @ 2010-08-29 09:14 TWaver 阅读(1237) | 评论 (0) | 编辑收藏

JDK1.5和JDK1.4编译的不同效果

摘要: DK1.5和JDK1.4下static执行的不同顺序阅读全文

posted @ 2010-08-29 09:13 TWaver 阅读(1725) | 评论 (3) | 编辑收藏

Renderer&Editor之Swing篇（四）

摘要: 很有多人惊叹JDK6新增的com.sun.java.swing.plaf.nimbus.NimbusLookAndFeel，感觉其默认表格的各行换色很酷，其实该功能多年前就在TWaver Java的产品Demo中有体现阅读全文

posted @ 2010-08-24 11:57 TWaver 阅读(1385) | 评论 (1) | 编辑收藏

Renderer&Editor之Swing篇（三）

摘要: 上文实现了renderer复用editor的功能，那么反过来editor是否也可以复用renderer的功能呢?而且第一篇提到“通过Java2D来绘制各种天花乱坠的效果”如何实现? 阅读全文

posted @ 2010-08-24 11:55 TWaver 阅读(1131) | 评论 (0) | 编辑收藏

Renderer&Editor之Swing篇（二）

摘要: 上篇的例子主要的动作在editor上，不过editor只有在点击在cell单元的时候才会显示，所以还不得不造一个界面跟editor一样的renderer进行“造假” 阅读全文

posted @ 2010-08-24 11:52 TWaver 阅读(1077) | 评论 (0) | 编辑收藏

Renderer&Editor之Swing篇（一）

摘要: 如果作为interviewer哪天你有幸遇到一位能和你深入讨论如何让tree、combobox、list和table的renderer进行代码复用，如何让renderer对象实例进行复用以及复用需要注意的副作用时，我强烈建议你赶紧留着此人，这种人已是稀有物种了。阅读全文

posted @ 2010-08-24 11:39 TWaver 阅读(1427) | 评论 (2) | 编辑收藏

Swing探秘：为你的Java代码批量设置头注释

摘要: 大多正式一点的Java源代码，在头部都设有头注释信息。我们做的软件项目或者产品代码中，一般也需要设置一些公司信息、作者信息、版权信息等内容。阅读全文

posted @ 2010-08-23 13:58 TWaver 阅读(1744) | 评论 (1) | 编辑收藏

Swing探秘：编写一个JCheckListBox组件

摘要: 记得Delphi里面有一个TCheckListBox控件，是一个可打勾的列表。但是这个东西在Swing里面并没有现成的。如今，我们就一起动手制作一个。根据Java的管理，就叫JCheckListBox吧。阅读全文

posted @ 2010-08-23 13:56 TWaver 阅读(2023) | 评论 (1) | 编辑收藏

Reload Class的陷阱

摘要: J2EE能在大规模项目中得到广泛应用，我觉得主要有以下几方面原因阅读全文

posted @ 2010-08-23 13:28 TWaver 阅读(1558) | 评论 (0) | 编辑收藏

Swing探秘：创建带图像的菜单

摘要: 在Windows的“开始”菜单上，会在菜单左侧显示一幅图像。很多基于Windows的软件也有类似效果的菜单。用Java Swing可以制作出类似效果的菜单吗？答案当然是肯定的，而且非常简单。阅读全文

posted @ 2010-08-19 15:24 TWaver 阅读(1174) | 评论 (2) | 编辑收藏

老醋换新瓶，不一样的JPopupMenu用法

摘要: JPopupMenu是对于Swing开发者是在熟悉不过的组件了，不过大部分人只将其作为右击弹出菜单使用，其实JPopupMenu还可以有很多用途，可以说只要是需要弹出式效果的都可以用其实现。例如我们用开发工具输入import java.util.当输入“.”时会自动弹出提示框选项，以下的小程序展示了这样的效果... 阅读全文

posted @ 2010-08-19 14:59 TWaver 阅读(1489) | 评论 (2) | 编辑收藏

3D的致命诱惑——TWaver 3D机房初探（二次开发篇）

摘要: TWaver3D机房不但是一个直接使用的3D编辑工具，还是一个独立的、可二次开发的工具包。要做一个下图的例子，你只需要如下条件：

安装JDK 6+；
一个Java IDE（Netbeans或Eclipse）；
TWaver Java 3.5+及TWaver 3D机房运行包；
一杯咖啡、10分钟时间、一份好心情。阅读全文

posted @ 2010-08-17 14:33 TWaver 阅读(2935) | 评论 (2) | 编辑收藏

3D的致命诱惑——TWaver 3D机房初探（工具使用篇）

摘要: 打着IMAX 3D噱头的《阿凡达》在全球疯狂掠走了20亿美元的票房。然而，一切还未结束。在国内，冯小刚以同样的3D作品《唐山大地震》三天票房就轻松过亿，IMAX版本一票难求，其气势比《阿凡达》有过之而无不及。人们为什么对这些电影趋之若鹜呢？说到底还是无法阻挡3D技术带来的震撼和冲击，是真正的“眼球经济”、全新的“用户体验”。而在一日千里的软件行当，我们的3D技术虽然在游戏、工程制图等领域已经普及，但是在大多日常领域却并不多见。而在更严肃一点的电信网络管理监控类的软件中则更是难得一见。那么，如果在你的界面上呈现一个自由旋转、可交互的3D的机房监控界面（如下图），用户的感觉又会如何呢？不必惊讶。看完这篇文章你就会知道，用TWaver做这类界面，只是分分钟的事。

阅读全文

posted @ 2010-08-17 13:09 TWaver 阅读(4541) | 评论 (2) | 编辑收藏

Swing确实没什么好Chart

摘要: 的确，Swing缺少好的Chart。好的Chart应当有两个要素：1是要显示效果要精美，2是要能够动态交互。那种生成死图片或者丑陋粗糙的Chart其实并不能起到提升Chart价值的作用。

还好，TWaver的Chart一直在给大家提供小小的惊喜，虽然它并不是TWaver的核心。不过和其他Chart相比，用TWaver Chart有两个很大的好处：一是可以直接使用DataBox这个MVC结构进行驱动，二是可交互。当然，TWaver Chart的精细度也是越来越好了。

这是一些来自新版TWaver Chart的效果图，不知有无“耳目一新”之感？

阅读全文

posted @ 2010-08-17 10:03 TWaver 阅读(2206) | 评论 (1) | 编辑收藏