本章介绍之前,首先你需要有TWaver.swc库文件,可以在 www.servasoftware.com 网站申请试用版本,商业用途开发的用户需要购买TWaver Flex开发版许可。
TWaver Flex核心库(TWaver.swc)使用Action Script 3语言,用Flex SDK 3.4.1+ 编译打包,支持Flex 3, Flex 4编译环境,可运行在AIR1.5+, Flash Player 9+以上环境。
TWaver Flex开发工具建议使用Adobe公司的Flex Builder 3, Flash Builder 4 ,也可以选择其他开发工具,如开源的FlashDevelop 3+。下面将分别介绍Flex Builder 3和FlashDevelop 3中使用TWaver.swc库开发图形界面的步骤。
Flex Builder 3自带Flex 3 SDK和debug Flash Player 9,用户不需要单独安装
Flex Builder 3的下载安装与注册请参考www.adobe.com官方网站上的说明
创建新项目
选择File --> New -->MXML Application 创建一个新的项目:HelloTWaver,并将TWaver.swc文件放入在libs目录中,Flex Builder 3会自动将项目中libs/目录下的*.swc文件加入到编译类库
添加TWaver.swc到编译路径
用户也可以在项目Flex Build Path设置界面中添加其他库文件,或使用其他版本的Flex SDK
FlashDevelop 3是一款开源的免费的Action Script 编辑器,是Microsoft Windows .NET 2.0 应用程序,支持Windows XP, Windows Vista, Windows 7。FlashDevelop 3非常小巧,不自带Flex SDK,用户需要自己安装Flex SDK。
安装Flex SDK与 debug Flash player
参考:
http://www.adobe.com/products/flex/
http://www.adobe.com/support/flashplayer/downloads.html
设置Flex SDK 和Flash Player到FlashDevelop
FlashDevelop 3中设置Flex SDK和debug Flash Player的路径,详细设置参考www.flashdevelop.org官方网站上的介绍
创建Flex 3 Project
点击Project-->New Project, 选择创建项目类型为Flex 3 Project,创建HelloTWaver项目,将TWaver.swc文件放在lib目录下,右键点击TWaver.swc,选择添加到库
经过上面的设置,我们就可以使用TWaver了,下面开发第一个应用程序了,编辑主运行类文件,Flex Builder 3默认是HelloTWaver.mxml,FlashDevelop中是Main.mxml
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:tw="http://www.servasoftware.com/2009/twaver/flex" applicationComplete="init()"> <mx:Script> <![CDATA[ import flash.geom.Point; import twaver.*; import twaver.network.Network; private function init():void{ var box:ElementBox = network.elementBox; var from:Node = new Node(); from.name = "from"; from.location = new Point(20, 20); box.add(from); var to:Node = new Node(); to.name = "to"; to.location = new Point(150, 60); box.add(to); var link:Link = new Link(from,to); link.name = "hello TWaver!"; box.add(link); } ]]> </mx:Script> <mx:Panel title="Hello TWaver!" width="100%" height="100%"> <tw:Network id="network" backgroundColor="0x00ff00" width="100%" height="100%"/> </mx:Panel> </mx:Application>
运行结果:
http://doc.servasoftware.com/pages/viewpage.action?pageId=16547885