`
文章列表
     继续上一篇《HTML5 WebSocket 技术介绍》的内容,本篇将以示例说明WebSocket的使用,这个示例同时结合了TWaver HTML5的使用,场景如下:后台提供拓扑数据,并以JSON格式通过WebSocket推送到各个客户端,客户端获取到拓扑信息后, ...
WebSocket是html5规范新引入的功能,用于解决浏览器与后台服务器双向通讯的问题,使用WebSocket技术,后台可以随时向前端推送消息,以保证前后台状态统一,在传统的无状态HTTP协议中,这是“无法做到”的。 传统服务端推(serve ...
  TWaver提供了一套3D场景的开发包,用来帮助用户快速搭建3D场景,实现3D的监控系统。这个开发包目前商推的只有Flex框架下的版本,被称为TWaver3D for Flex。开发包提供简单的API,用户向TWaver的数据对象(例如Node)中设定相关的3D style,就可以构建出一套3D场景。(详细的使用方式请参考产品包中的为了简化用户使用代码搭建3D场景的复杂度,TWaver还提供了一个可视化的编辑工具,用于帮助用户编辑3D场景,然后将场景转换为可读的xml文件。需要再现场景的时候,用户只需要将这份图纸载入系统,实现所见即所得的目的。用户加载完图纸后,就可以根据设计图纸的时候设定 ...
构建iOS App有很多技术方式可以选择,本文介绍基于UIWebView的Cocoa Touch组件嵌入HTML页面的方式实现的一个iPhone App例子。文中将穿插iOS的基本内容,TWaver HTML5的基础应用,以及Objective C与Javascript相互调用的技术点。 首先通过X ...
TWaver作为一款专业的图形界面控件,可以应用在各行各业中。本文我们就来详细介绍一下TWaver如何绘制出电力系统的界面。我们现在看看几张电力系统的图: 某变电站设备接线图一 某变电所的接线图二当然这些是我在网上搜索的一些资源,那么TWaver是否能实现这样的界面呢?回答是肯定的,我们先来分析一下,电力电气系统中这些界面都是由很多电气元素组成的,比如变压器,刀闸,开关,接地开关,电容器,发电机等。接下来我们看看如何去扩展这些电气元素,先整个简单的刀闸,刀闸一般有两种状态,打开关闭,因此我们可以定义一个刀闸的类,继承于ResizableNode,添加turnOn的属性来控制开关状态 public ...
“定制”无疑是TWaver中最大的一特色,无论是node,link,attachment,就连tooltip也同样可以定制,“定制”可以显示出更强更复杂的一些功能,今天给大家带来了一个定制Tooltip的例子。啥也不多说,先看看效果: 下面我们来细细分析一下这个功能的实现。tooltip的特点是当鼠标滑过时显示,滑出时不显示。因此我们可以定义一个tooltip组件,监听network的mouse move事件,如果鼠标下有网元,就显示tooltip组件并动态计算tooltip的位置,没有就隐藏tooltip组件。   this.network.addEventListener(Mous ...
论坛 一直有人问为何设置了twaver.controls.Tree的horizontalScrollPolicy为 ScrollPolicy.AUTO,可是还是没有横向滚动条。这是由于Adobe出于性能的考虑,没有计算maxHorizontalScrollPosition的值。本文贴出了解决方案,效果如下:   从原始Tree继承出新的类AutoSizeTree: package { import flash.events.Event; import mx.core.ScrollPolicy; import mx.core.mx_internal; imp ...
原文出处:http://twaver.servasoft.com/?p=3620 Flash Player 11.2新加了一个非常重要的特性:支持右键,具体参见:Flash Player 11.2 Beta Features 下面是在TWaver Flex的Network中使用右键菜单的效果,等了多少年的功能终于可以轻松实现了,不用再通过html的js脚本屏蔽右键菜单 了   需要注意几点: 1. 从这里 下载Flash Player 11.2以及playerglobal.swc 文件 2. 将下载的flashplayer11-2_p3_playerglobal ...
在上一篇TWaver HTML5 + Node.js + express + socket.io + redis(一) 中,给大家介绍了Node.js 的安装;本篇将介绍Node.js的使用,您将了解到: 1. Node.js 的web框架:express 2. Node.js 的实时通讯框架:Socket.IO 3. Node.js 的redis客户端:redis 一. express 虽然用Node.js 写一个Hello World很简单: 新建一server.js文件,内容如下: require('http').createServer( ...
TWaver HTML5 即将发布,这里迫不及待的给大家介绍一下如何使用TWaver HTML5开发一套完整的拓扑系统。既然是完整的系统,那当然要涉及后台、数据库、数据交互等:   前台:TWaver HTML5 是继TWaver Java 、TWaver Web 、TWaver Flex 以及TWaver .NET 后 的又一全新分支;使用了HTML5技术,实现了拓扑、各种通用组件(包含List、Tree、Table、TreeTable、 PropertySheet、SplitPane、BorderPane、TabPane、TitlePane、Accordion等)以及 ...
  继续前面TWaver Flex的基础开发课程,本期我们再接再厉,推出了更多内容,这就是《TWaver Flex中阶开发课程》 本期的话题讨论更加深入,结合论坛上的热点问题,整理了若干话题,并结合精彩示例进行讲解,这些内容不只是关于TWaver,还包括很多Flex开发的技术点和注意事项,如Flex的拖拽交互,右键监听,Timer的使用,Graphics的绘制,以及Flex4 SDK特性,Spark组件特点等等。因此只要你使用Flex,这些课程都值得学习和参考。 部分示例截图 内容提纲
TWaver Java基础培训课程视频光盘发布。包含的内容如下:  TWaver Java基础培训课程视频光盘发布。包含的内容如下: 具体视频内容请参见:http://twaver.servasoft.com/?p=3333  
原文出处:http://twaver.servasoft.com/?p=3287 TWaver本着为客户提供更丰富更便捷服务的原则,近期,TWaver开发团队录制了Flex培训课程的视频,为大家全面讲解了TWaver Flex的使用,并且刻录了光盘供大家学习:
    看着这图是不是很眼熟。没错,这是前段时间在Javaeye上风风雨雨的用Swing实现的四层网元拓扑图。看后深有感触,用Swing能做出这样的效果确实不易,何时我用.NET的也能用实现出这种的拓扑结构图。   看看TWaver早已出了 ...
前段时间,看着不少人用twaver的Swing在写东西,比如我们武林中的Swing刀客  和 Swing剑客(注三号管家chart图的模仿),都用到了写出了很漂亮的swing界面。下面我要分享的是用swing编写的图层叠加效果图,其中也用到了twaver的一些功能。(在此仅仅是为了分享给大家比较美的界面,希望能在这酷暑之际为大家带来一丝凉意或美的享受就心满意足了)。 在TWaver的各个使用手册,文档或Demo中我们可以看到,twaver提供了Layer的概念,就是图层,这与一些制图软件也有几分相似。在实际应用中也是比较的多。比如TWaver的水印、背景效果都是通过图层来叠加的。 下面我们 ...
Global site tag (gtag.js) - Google Analytics