TWaver - 专注UI技术

如何让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 阅读(1239) | 评论 (1) | 编辑收藏

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

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

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

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

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

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

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

posted @ 2012-07-03 16:45 TWaver 阅读(1056) | 评论 (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 阅读(2546) | 评论 (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) | 编辑收藏