TWaver Flex开发环境

本章介绍之前，首先你需要有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 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 开发

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