TWaverGeek
- 浏览: 167344 次
- 性别:
- 来自: 上海
-
最新评论
-
qq_21380041：
954414957@qq.com
HTML5数据可视化第二弹：打造最美3D机房 -
qq_21380041：
楼主，求代码
HTML5数据可视化第二弹：打造最美3D机房 -
luoaz：
楼主能不能传个源码的附件上来， 分享学习下呢？
HTML5+WebGL 3D机房开发实例 -
xiaosi1278：
你好能不能把你讲的源代码发一下！！做参考403541110@q ...
TWaver 3D 编辑器的使用（一）－－－－设计3D场景以及数据绑定 -
TWaverGeek：
BigBird2012 写道您好，您能把您使用TWaver导入 ...
TWaver导入导出AutoCAD DXF图纸
文章列表
TWaver Java的性能大家有目共睹，内存占用情况又怎么样呢？不同的数量级下内存增长情况是怎样的？视图组件对内存的影响有多大？我们分别测试了
只把网元加入DataBox
把网元加入DataBox并在Network上显示
把网元加入DataBox并在T ...
出于效率和保持js库最小化的考虑，TWaver HTML5的Tree组件默认的交互方式比较单调，目前只有选中改变文字背景；但是这不代表TWaver功能不够强大，相反，TWaver预留了很多可以重载的方法方便我们扩展，本文中我们就利用这些方法实现鼠标滑过改变背景色的效果。先来张gif图片看看效果：实现方式再简单不过，只有短短几十行代码，先列一下我们用到的方法：
onDataRendered(div, data, row, selected)
adjustRowSize()
getSelectColor()
除了上面三个方法，还有两个事件监听器，稍后我们就会讲解，先来看下这三个方法的原理 ...
公司新入了一台Surface RT(64G，高配啊，再看看我那乞丐版的IPad2，内牛满面...)，测试了下TWaver HTML5运行良好，废话不多说，上照片视频：优酷视频：http://v.youku.com/v_show/id_XNDc3MTI4Nzky.html 论坛原帖(讨论)：
http://twaver.servasoft.com/forum/viewtopic.php?f=35&t=3454
JavaScript是一门动态语言，但是面向对象的特征没有Java那么明显，导致我们开发起来非常不习惯。拿继承来说，Java中有专门的extends和implements关键字实现，但是在JavaScript却引入了一个"别扭的"prototype，而且实现方式有很多 ...
这篇文章介绍的内容其实跟TWaver的组件没有任何关系，但是个人觉得还是挺有意思的，所以发出来共享一下。这个文件树(如下图)完全基于swing的JTree组件实现，先看一下最后我们完成的效果：运行截图：功能介绍：
树状呈现文件系统结构
文件的图标应该使用系统图标
鼠标滑过时改变当前节点的背景色(如图中"Windows"节点的砖红色背景)
先看一下类结构：
FileTreeTest 程序入口
FileTree 文件树，从JTree继承
FileNode 封装的文件节点，包括文件名，文件图标和实际的File类及其它标识
FileTreeRenderer 定制 ...
随着Stage3D技术的推广，为了进一步提升TWaver 3D产品的性能和渲染效果，TWaver提供了全新3.0版本，支持Stage3D，并且保持绝大部分接口不变化。对于3.0之前版本的用户，可以与相关的TWaver技术支持人员联系获得更新接口介绍。新用户则可以直接享受Stage3D带来的流畅和新增效果了。
今天先让我们来简单介绍一下这个产品的功能点。后面为了打字方便，我们简称TWaver 3D for Flex为产品。
第一点，3D渲染组件。产品中提供了一个名为Network3D的组件，它继承自UIComponent，完成3D场景的渲染。跟场景交互的接口全部定义在了这个组件上，例如施加镜头 ...
TWaver提供了一些布局算法帮助我们快速为网元设置位置，很多情况下已经够用了，但是对于一些复杂的布局还需要我们自己做一些处理，看下面这个例子：运行截图：这个时候直接使用TNetwork#doLayout就不好使了，因为doLayout会对network中所有网元使用同一种布局算法，但是截图中Group下多个子Group各有自己的布局方式，我的解决办法是，先对最外层的Group整个布局，然后递归遍历子Group，单独对他们进行布局。代码实现： TWaver中实现局部布局可以通过两种方式:
将要布局的Element加入到一个新的TNetwork中，然后用新的TNetwork布局
TWaver默 ...
JavaFX Script被抛弃以后，很久不关心JavaFX了，偶然发现JavaFX已经发展到2.2，而且已经绑定到JDK7中，看来Oracle对它还是蛮重视的。看到有人在论坛提问TWaver有没有JavaFX版本，于是去Oracle网站上逛了一下，发现可以将JavaFX集成进Swing程序中，真是福音啊，立马动手写了个Demo，集成起来还是很方便的。运行效果
代码分析窗体中间是个很典型的Network，上下各是一个JavaFX容器，上面容器中包含一个Slider，滑动时可以改变TWaver选中Node的RenderColor，下面的容器中包含一些Text，选中Network中的Node ...
如果您显示过Tree的ToolTip，会发现这个tooltip离鼠标太远了；而且也无法跟随鼠标一起移动；最重要的是，如果想动态更改tooltip也很麻烦。还是自定义ToolTip灵活：1. 设置tree.toolTipFunction，关闭默认的tooltip
tree.toolTipFunction = function(element:IData):String {
return null;
}
2. 监听mousemove事件，动态显示、隐藏以及更新tooltiptree.addEventListener(MouseEvent.MOUSE_MOVE, function(e:Mous ...
TWaver HTML5发布已有一段时间，使用的客户也是逐渐增加，于是我也迫不及待地申请了一个试用版来写一个小网页，最近正在写到数据查询，表格显示的功能。表格组件在HTML5中是提供的，查看TWaver提供的Demo,表格的使用还是比较多的，于是参考了其中的一个Demo，新建一个表格，并给表格赋值。很快一张表格就生成了。但是想想，如果数据库中有几千甚至几万条数据，一下子显示出来也是不现实的，立马就想要了分页。查看TWaver的API，并没有发现表格中提供了分页的功能。算了，还是自己来扩展，想想TWaver Java中分页的功能，HTML5实现起来应该也不算太难，我们需要定义一个PagedTabl ...
TWaver提供了ImageBackground来为TNetwork设置背景，ImageBackground可以设置为颜色，渐变色，图片或纹理，但是如果想设置多张图片为背景，或者需要准确的定位背景（比如居中），ImageBackground就无能为力了，下面看我的解决方案：既然ImageBackground无法满足需求了，我们就自己写一个，得益于TWaver优秀的设计，我们可以很容易地扩展原有的类，然后加上自己的功能。通过查看API得知，ImageBackground继承自AbstractBackground，我们干脆抛弃ImageBackground，自己从AbstractBackground ...
最近有客户提到自定义链路的需求，个人感觉非常有代表意义，现在共享出来给大家参考一下。先来看看需求：1. 链路要分成两半，用两种颜色填充。2. 填充百分比在不同值域时，用不同颜色。3. 显示刻度4. 有个开关，可以控制链路变短，变短后，链路只画开始和结束部分（相当于原始链路的缩影），中间不画 5. 如果有多条链路，链路合并后两端分别显示这些链路中的最高填充百分比合并前：
合并后：
6. 进入子网后，节点上显示和上层节点的连线信息进入子网前，节点2和子网内节点4之间有链路：进入子网后，节点4上也显示此链路：先看看实现的效果，后面我们慢慢解释如何定制链路：
前5个需求可以通过自定义 ...
关于3D场景在现在网管中的应用的讨论一直没有停止过，应用场景有哪些，应用的意义有哪些，可以为产品开发、为系统使用带来多少利益点等等。今天给大家介绍一种应用情景，希望能借此机会，抛砖引玉，引出更多更具有实际意义的应用需求来，为大家应用系统的丰富性添砖加瓦。在TWaver传统的2D应用中，近一年非常突出地出现了一种需求，那就是希望能够在同一个页面内显示多种层次的网络结构，这样做的好处在于：在同一个页面中可以清晰地描述一个网络从逻辑到物理上的结构，与此同时，如果做跨层次的交互的时候（例如说更改子网内外节点的连接关系），就不需要采用钻取／回退（drill down／up）或者群组合并／收缩等的复杂操作了 ...
之前看到社区中有介绍怎样灵活使用右键菜单的文章。现在积累下来右键菜单的方式还是比较多的，让我们来初步了解一下：1. 使用flash自带的右键菜单，通过ContextMenu来设置，这是twaver最早右键菜单的解决方法，但这种方式有一 ...
在越来越重视“用户体验”的今天，一个简单的文本框也变得越来越智能了。比如Google的搜索，当我们输入搜索关键字的过程中，文本框就会动态地下拉列出最常输入的近似文字，以便我们快速输入要查询的内容。当然一直抄袭G ...