动态按钮的的概念就是在鼠标悬停、鼠标点击、鼠标离开控件时，组件呈现不同的外观，这三种不同的外观可以通过背景位图图片，背景 SWF 文件实现。

位图实现

位图实现是将二进制图像文件作为控件背景，这里使用 Flex 的 Button 控件作为例子，通过定义 Button 的 upSkin、overSkin 以及 downSkin 样式分别设置鼠标离开 Button 时、鼠标悬停 Button 上方时以及鼠标点击 Button 时的皮肤，皮肤制作则使用 Embed 标签加载图片，使之成为 Class 对象，通过 Button 的 setStyle 方法将 Class 对象作为皮肤设置进去，清单 1 展示了其中设置 upSkin 的方法 .downSkin 和 overSkin 的设置方法相同。

				 
 var btn:Button= … ; 
 [Embed(source="images/up.jpg", 
                    scaleGridTop="26", 
                    scaleGridBottom="64", 
                    scaleGridLeft="30", 
                    scaleGridRight="106")] 
 private var upSkin:Class; 
 btn.setStyle("upSkin",upSkin); 

清单 1 中，Embed 标签内的 scaleGridTop、scaleGridBottom、scaleGridLeft、scaleGridRight 属性涉及到一种 Web 技术，名为九宫格的缩放技术，为了解释该技术，请先看图 1.

注：原图是，5 * 5 方格图，每个方格 4 个像素，上图是被放大后的效果

图 1 在四条红线的位置把图片块成了 9 块，四个角，四条边和中间一块，在缩放的时候，四个角始终不变，两条横向边只缩放宽度，高度不变，两条纵向的边只缩放高度，宽度不变，中间一块宽和高同时缩放，这就是九宫格缩放的原理。这种技术一般是在使用图片做控件的皮肤时使用，很多控件的皮肤样式，在四个角的为位置是圆的或不规则的，所以使用这种缩放技术可以保证控件与图片的大小不一致的时候，图片看起来并不变形。

了解了九宫格技术再看 scaleGridTop、scaleGridBottom、scaleGridLeft、scaleGridRight 四个属性，它们分别代表图 1 中四条红色切割线的位置，scaleGridTop 代表横向顶部的切割线距离图像顶部的像素距离；scaleGridBottom 代表横向底部的切割线距离图像顶部的像素距离；scaleGridLeft 代表纵向左部的切割线距离图像左部的像素距离；scaleGridRight 代表纵向右部的切割线距离图像左部的像素距离。

通过上述技术和方法的使用，具体实例效果展示如图 2. 从左至右分别是 upSkin、downSkin、overSkin 的效果。

SWF 文件实现

SWF 文件实现就是用 SWF 文件中具体的某一帧（MoiveClip）作为控件皮肤，修改 位图实现部分的 Embed 标签，构建的新的示例，如清单 2.

				 
 <mx:Style> 
      Button{ 
          up-skin:Embed(source="images/bg.swf",symbol="btnUP"); 
           over-skin:Embed(source="images/bg.swf",symbol="btnOVER"); 
           down-skin:Embed(source="images/bg.swf",symbol="btnDOWN"); 
        } 
 </mx:Style> 
 <mx:Button id="btn" label="Hello World" width="100" height="60"/> 

上面代码 Embed 中的 source 指向了一个 SWF 文件，没有与九宫格相关的布局属性，出现了新的属性：symbol，它是 SWF 文件中某一帧的标识符，意思是使用指定的帧作为皮肤。清单 2 的效果如图 3. 从左至右分别是 upSkin、downSkin、overSkin 的效果。

这种特殊的 SWF 文件需要用到 Flash 开发工具，具体的开发方法读者可以查阅相关的 Flash 资料。

冒泡信息提示框

冒泡信息提示框是自定义的 ToolTip，传统的 Flex ToolTip 效果如图 4 所示。

可以看到效果还是比较简陋的，为了增强用户体验，文章实现了新的 ToolTip 让其拥有冒泡效果，效果展示如图 5.

冒泡 ToolTip 的思想是新建名为 BubbleToolTip 的类，继承于 Canvas，实现 IToolTip 接口，IToolTip 是自定义 ToolTip 必须实现的接口。重写 BubbleToolTip 的 updateDisplayList 方法，目的是重新绘画 BubbleToolTip 的皮肤，皮肤的绘制依赖 BubbleToolTip 内部的 Graphics 对象，通过 this.graphics 语句可以获得该 Graphics 对象的引用，调用 Graphics 对象的 drawRoundRect 方法绘制冒泡的圆形，提示的具体内容则使用子对象 Canvas 存放。清单 3 是 BubbleToolTip 的 updateDisplayList 方法代码。

				 
 override protected function updateDisplayList( 
           unscaledWidth:Number, unscaledHeight:Number ) : void 
 {   
   super.updateDisplayList( unscaledWidth, unscaledHeight ); 
 
 
 this.graphics.clear(); 
 
    this.graphics.beginFill( getStyle('backgroundColor'), 1 ); 
    this.graphics.lineStyle(2, getStyle('borderColor'), 1); 
    this.graphics.drawRoundRect(0, 35, 6, 6, 24, 24); 
    this.graphics.endFill(); 
 
    this.graphics.beginFill( getStyle('backgroundColor'), 1 ); 
    this.graphics.lineStyle(2, getStyle('borderColor'), 1); 
    this.graphics.drawRoundRect(10, 25, 15, 15, 24, 24); 
    this.graphics.endFill(); 
 } 

清单 3 的作用是绘画图 5 中黑色的两个圆圈，显示 Hello 信息的则是使用 Canvas 组件，该 Canvas 是在主 MXML 文件中定义，代码如清单 4 所示。

				 
 <?xml version="1.0" encoding="utf-8"?> 
 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
 xmlns:component="component.*" backgroundGradientAlphas="[1.0, 1.0]" 
 backgroundGradientColors="[#FFFFFF, #FFFFFF]"> 
 <mx:Script><![CDATA[ 
        import mx.events.ToolTipEvent; 
       import component.BubbleToolTip; 
        
        private function createCustomTip(title:String,event:ToolTipEvent):void { 
           var bt:BubbleToolTip = new BubbleToolTip(); 
           bt.text=title; 
           content.text = title; 
           bt.addChild(ppp); 
           ppp.visible=true; 
           event.toolTip = bt; 
        } 
        
        private function positionTip(event:ToolTipEvent):void{ 
            event.toolTip.x=event.currentTarget.x + event.currentTarget.width + 10; 
            event.toolTip.y=event.currentTarget.y;  
        } 
    ]]></mx:Script> 

 <mx:Button id="b1" 
        label="Hello world" x="60" y="60"
        toolTip=" " 
        toolTipCreate="createCustomTip('Hello World',event)"
        toolTipShow="positionTip(event)"
    /> 
  <mx:Canvas id="ppp" visible="false" width="50" height="40" cornerRadius="15" 
    borderColor="#000000" x="35" y="0" borderStyle="solid" borderThickness="2"> 
    <mx:Text id= "content" text="xixi" x="4.5" y="5" width="40" height="23.5"> 
        
        </mx:Text> 
        </mx:Canvas> 
 </mx:Application> 

清单 4 中定义了存放信息的 Canvas ,id 为 ppp，首先设置 ppp 的 visible 为 false，不可见，在显示 ToolTip 的时候将 ppp 加到 BubbleToolTip 中，并且设置 ppp 为可见。设置 event.tooltip 为指定的 BubbleToolTip 对象。在 createCutomTip 方法中设置新的 ToolTip，在 positionTip 方法中定义 tooltip 的显示位置。

为了形象的表现出重写 updateDisplayList 方法前后的 BubbleToolTip 的对比，图 5显示的是重写后弹出的信息提示框，图 6 是不重写 updateDisplayList 的信息提示框，从两张图片可以看出重写后发生的变化。

可以看到子对象的 Canvas 前后不变，因为并没有重写它的 updateDisplayList，而重写 BubbleToolTip 的 updateDisplayList 方法后边框变成了两个冒泡。注意 BubbleToolTip 对象实际上也是一个 Canvas。

网格背景

网格背景在一些 Flex 流程编辑器中可以看到，画布的网格背景不仅可以增强用户体验，对于流程编辑中的流程节点的对齐也有很大的帮助。

网格背景的容器使用画布 Canvas 对象，使用 CSS 重新定义容器的皮肤。定义新皮肤的 CSS 代码如清单 5.

				 
 { 
 borderSkin: ClassReference("skins.GridSkin"); 
 }

skins.GridSkin 是一个 Flex 类，继承于 ProgrammaticSkin，ProgrammaticSkin 类代表编程式的皮肤定义，重写它的 updateDisplayList 方法可以设置新的皮肤，这和直接重写 Canvas 的 updateDisplayList 方法效果上是一致的，本文重在讲解新的定义方法，因此使用 CSS 定义。清单 6 显示网格定义的代码。

				 
override protected function updateDisplayList(unscaledWidth:Number, 
unscaledHeight:Number):void {
 var g:Graphics = this.graphics; 
 g.clear(); 
 g.beginFill(0x000000, 0); 
 g.drawRect(0, 0, unscaledWidth, unscaledHeight); 
 g.endFill(); 
 g.lineStyle(1, 0x000000, 0.1); 
 var squareSize:Number = 15; 
 var numRows:Number = unscaledHeight / squareSize; 
 var numCols:Number = unscaledWidth / squareSize; 
 for(var row:Number = 0; row< numRows; row++) { 
 g.moveTo(0, row * squareSize); 
 g.lineTo(unscaledWidth, row * squareSize); 
 } 
 for(var col:Number = 0; col< numCols; col++) { 
 g.moveTo(col * squareSize, 0); 
 g.lineTo(col * squareSize, unscaledHeight); 
 } 
 } 

清单 6 中的 unscaledWidth 和 unscaledHeight 代表了 Canvas 画布实际的宽和高，画布内的 Graphics 对象默认的绘画原点是画布左上角（0,0）点。代码 drawRect(0, 0, unscaledWidth, unscaledHeight) 用于绘画整个画布的边框，lineStyle(1, 0x000000, 0.1) 设置将要画的线的样式，黑色、透明度 0.1、粗细 1，squareSize 定义网格的大小（网格为正方形）。通过 unscaledHeight / squareSize 和 unscaledWidth / squareSize 获得画布允许的行数和列数，moveTo 移动绘画原点，lineTo 表示从原点到目标点画线。For 循环代表每画一行（列），原点向下（右）移动 squareSize 的距离，再从原点平行画直线到画布右边缘（底边缘）。那么网格效果就出来了 . 效果如图 7 所示 .

图像圆角

图像圆角是 Web2.0 重要的标志，如果你用过 CSS 进行圆角的开发，那么不管在开发过程中或者处理浏览器兼容问题时一定会大喊痛苦。然而在 Flex 中，图像圆角变的非常简单，使用 Mask 技术就可以轻松得实现。这种技术的直观感觉是将某一控件 A 覆盖在另一控件 B 之上，而 B 显示的部分则是被 A 遮盖的部分。如果 A 具有透明度，那么 B 也会有透明度。例子代码如清单 7. 所示。

			 <?xml version="1.0" encoding="utf-8"?>
 <mx:Canvas 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:filters="flash.filters.*"
    width="100%" height="100%" > 

    <mx:Image source="assets/ygy.jpg" x="10" y="10" mask="{maskCanvas}"> 
        <mx:filters> 
            <filters:DropShadowFilter /> 
        </mx:filters> 
    </mx:Image> 
    
    <mx:Canvas x="81" y="62" width="344" height="274" backgroundColor="#ff0000" 
    id="maskCanvas"  cornerRadius="15" borderStyle="solid"/> 
    
 </mx:Canvas> 

清单 7 中图像圆角组件实际上是一个 Canvas，该组件内显示的是一个 Image（A），该 Image 指定 mask 为 maskCanvas，也就是一个 id 为 maskCanvas 的 Canvas（B），代码的意思是使用 B 遮盖 A，那么 B 的样式决定了 A 显示的样式，B 的样式中重要的是 backgroundColor 和 cornerRadius，backgroundColor 设置成红色，并不透明，cornerRadius 设置 B 的圆角（注意，Image 没有这个属性），那么使用深色的 B 遮盖 A，A 将显示被 B 遮盖的部分，也就是显示了图像的圆角，效果如图 8。

该效果使用的原图像如图 9 所示。这是一张方形的图像。
图 9. 原图像
 

从清单 7 的 Design 视图可以看出 A 和 B 的遮盖结果，效果如图 10。

原图像主要内容被红色背景的 Canvas 遮盖，四个角没被遮盖因此运行时则不被显示。运行后效果就会如图 8 所示了。

Flex is rapidly becoming the preferred technology for building groundbreaking internet applications delivered in the browser and on the desktop (using the AIR runtime). For several years, Spring has been one of the most popular frameworks for building the Java back-end of internet applications. In this article, we describe how to use BlazeDS Remoting to seamlessly integrate the two technologies and build state-of-the-art internet applications made of a Flex front-end and a Spring back-end.

Tomcat 6
BlazeDS

Once again, we are going to extract the contents into our BlazeDS server project. This time, we are only going to edit remoting-config.xml. Make sure that the following lines are in there.

<default-channels>
   <channel ref="my-amf"/>
</default-channels>
<destination id="BlazeDsService"> 
  <properties> 
     <source>com.codeofdoom.BlazeDsService</source> 
  </properties> 
</destination>

We tell the remoting-config to use the channel “my-amf”, which is already defined with the services-config.xml file. Next we are telling it to use the the destination “BlazeDsService”. This is what our remote object will be looking at. The properties also contains a source. This source is going to be a java class with the methods it needs in order to process the calls from the front end. You must make sure you include the fully qualified name, so we will call it com.codeofdoom.BlazeDsService. So what does this file look like?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

package com.codeofdoom;
 
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
import flex.messaging.io.ArrayCollection;
 
public class BlazeDsService {
    private static final String[] MASTER_LIST = {"C", "FNM", "FRE", "F", "GOOG", "AIG", "CSCO", "MSFT", "AAPL", "YHOO", "BSX", "PORT","F", "TNT", "ESP", "RET", "VBN", "EES"};
    public BlazeDsService(){}
    public List<StockQuote> getQuotes(){
        List<StockQuote> list = new ArrayList<StockQuote>();
        Random r = new Random();
        for (String s:MASTER_LIST){
            StockQuote sq = new StockQuote();
            sq.setName(s);
            sq.setPrice(r.nextInt(50));
            list.add(sq);
        }
        return list;
    }
}

Yep. Thats it. It not implementing anything crazy, not extending any service adapters, anything like that. It’s just a java class with some functions on it. Next we are going to create the object that we will be sending back and forth. In this example, we are going to be simulating retrieving some stock data, so I called the class StockQuote.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

package com.codeofdoom;
 
public class StockQuote {
    private String name;
    private int price;
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public int getPrice() {
        return price;
    }
    public void setPrice(int price) {
        this.price = price;
    }
}

On the front end, we are going to need the matching object, and here that is.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

package com.codeofdoom.dto
{
    [Bindable]
    [RemoteClass(alias="com.codeofdoom.StockQuote")]
    public class StockQuote{
        private var _name:String
        private var _price:int;
 
        public function get name():String{
            return _name;
        }
        public function get price():int{
            return _price;
        }
        public function get name(name:String):void{
            _name = name;
        }
        public function get price(price:int):void{
            _price = price;
        }
    }
}

I mentioned this in the last article, but I am going to mention this again, just to stress the importance. When we are using Remote Object, we must make sure that

• All the properties are the same.
• We have getters and setters for all properties on back the java side and the AS side.
• We must have our AS object set as Bindable and the RemoteClass set to the path of our remote object.
• We must make sure that the constructors match. I have seen where flex will swallow the error message if they don’t match, making debugging a pain.

Now lets take a look at the mxml.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script>
        <![CDATA[
            import mx.rpc.events.ResultEvent;
            import mx.collections.ArrayCollection;
            import mx.messaging.messages.IMessage;
            import mx.messaging.events.MessageAckEvent;
            import mx.messaging.messages.AsyncMessage;
            import mx.messaging.events.MessageEvent;
 
            public function retrieveStocks():void{
                ro.getQuotes();
            }
            private function result(e:ResultEvent):void{
                stockChart.dataProvider = e.result as ArrayCollection;
            }
        ]]>
    </mx:Script>
    <mx:RemoteObject id="ro" result="result(event)" destination="BlazeDsService"/>
    <mx:VBox width="100%">
        <mx:BarChart width="100%" id="stockChart">
            <mx:horizontalAxis>
                <mx:CategoryAxis categoryField="name"/>
            </mx:horizontalAxis>
            <mx:series>
                <mx:ColumnSeries xField="name" yField="price"/>
            </mx:series>
        </mx:BarChart>
        <mx:Button label="Retrieve Stocks" click="retrieveStocks()"/>
    </mx:VBox>   
</mx:Application>

Once again, not much to it. There are three areas of importance.

• Our remote object is that is subscribed to our destination that we declared within our remoting-config.xml.
• The retrieveQuotes function is what calls our backend. Note that it just calls ‘getQuotes’ directly from the remote object.
• The result function that is set on the RemoteObject is what comes back from the back end. Now a lot of examples will do something to the grid such as dataprovider = {ro.getQuotes.lastResult}. We could do the same here, but i wanted to give you a chance to inspect the object to see what exactly is coming back.

Once you click the Retrieve Stocks button, it then calls the getQuotes() function on the remote object. That then builds our List of objects and passes them to the front end. When it comes back, we then just apply it to the dataprovider of our chart.

I really wanted to take the time out to show you some other ways of handling your data within BlazeDS. It is an extremely powerful tool that every Flex developer should have under their belt. Its a lot less cumbersome than standard calls to the back end and the amount of data that is sent back and forth is a lot smaller than sending plane XML over the wire. Good luck!

Here is the source

All communication between Flex client components and BlazeDS is performed with messages. Flex components use several message types to communicate with their corresponding services in BlazeDS. All messages have client-side (ActionScript) implementations and server-side (Java) implementations because the messages are serialized and deserialized on both the client and the server. You can also create messages directly in Java and have those messages delivered to clients using the server push API.

Some message types, such as AcknowledgeMessage and CommandMessage, are used across different Flex components and BlazeDS services. Other message types are used by specific Flex components and BlazeDSservices. Forexample, to have a Producer component send a message to subscribed Consumer components, you create a message of type AsyncMessage and pass it to the send() method of the Producer component.

In other situations, you do not write code for constructing and sending messages. For example, you simply use a RemoteObject component to call the remote method from the Flex application. The RemoteObject component creates a RemotingMessage to encapsulate the RemoteObject call. In response it receives an AcknowledgeMessage from the server. The AcknowledgeMessage is encapsulated in a ResultEvent in the Flex application.

Sometimes you must create a message to send to the server. For example, you could send a message by creating an AsyncMessage and passing it to a Producer.

Services and destinations
Services and destinations are the next links in the message processing chain in the BlazeDS server. The system includes four services and their corresponding destinationsBlazeDS:
     RemotingService and RemotingDestination
     HTPProxyService and HTTPProxyDestination
     MessageService and MessageDestination
Services are the targets of messages from client-side Flex components. Think of destinations as instances of a service configured in a certain way. For example, a RemoteObject component is used on the Flex client to communicate with
the RemotingService. In the RemoteObject component, you must specify a destination id property that refers to a remoting destination with certain properties, such as the class you want to invoke methods on. The mapping
between client-side Flex components and BlazeDS services is as follows:
     HTTPService and WebService communicate with HTTPProxyService/HTTPProxyDestination
     RemoteObject communicates with RemotingService/RemotingDestination
     Producer and Consumer communicate with MessageService/MessageDestination
You can configure services and their destinations in the services-config.xml file, but it is best practice to put them in separate files as follows:
     RemotingService configured in the remoting-config.xml file
     HTTPProxyService configured in the proxy-config.xml file
     MessageService configured in the messaging-config.xml file

The following table describes the typical setup of the configuration files. Commented versions of these files are available in the resources/config directory of the BlazeDS installation.

Filename	Description
services-config.xml	The top-level BlazeDS configuration file. This file usually contains security constraint definitions,channel definitions, and logging settings that each of the services can use. It can contain service definitions inline or include them by reference. Generally, the services are defined in the remoting-config.xml, proxy-config.xml, and messaging-config.xml.
remoting-config.xml	The Remoting Service configuration file, which defines Remoting Service destinations for working with remote objects.
proxy-config.xml	The Proxy Service configuration file, which defines Proxy Service destinations for working with web services and HTTP services (REST services).
messaging-config.xml	The Messaging Service configuration file, which defines Messaging Service destinations for performing publish subscribe messaging.

The file-path value is relative to the location of the services-config.xml file. The following example shows service definitions included by reference:
<services>
<!-- REMOTING SERVICE -->
<service-include file-path="remoting-config.xml"/>
<!-- PROXY SERVICE -->
<service-include file-path="proxy-config.xml"/>
<!-- MESSAGE SERVICE -->
<service-include file-path="messaging-config.xml"/>
</services>

The echo() method takes a String argument and returns it with additional text. After compiling EchoService.java,place EchoService.class in the WEB-INF/classes/remoting directory. Notice that the Java class does not have to import or reference any BlazeDS resources.
Define a destination, and reference one or more channels that transport the data. Configure EchoService.class as a remoting destination by editing the WEB-INF/flex/remoting-config.xml file and adding the following code:

The source element references the Java class, and the channels attribute references a channel called my-amf.Define the my-amf channel in WEB-INF/flex/services-config.xml, as the following example shows:

The channel definition specifies that the Flex client uses a non-polling AMFChannel to communicate with the AMFEndpoint on the server.
Note: If you deploy this application on the samples web application installed with BlazeDS, services-config.xml already contains a definition for the my-amf channel.The Flex client application uses the RemoteObject component to access EchoService. The RemoteObject component uses the destination property to specify the destination. The user clicks the Button control to invoke the remote
echo() method:

Compile the client application into a SWF file by using Flex Builder or the mxmlc compiler, and then deploy it to
your web application.
 

1、as3ebaylib

http://code.google.com/p/as3ebaylib/

2、as3youtubelib

http://code.google.com/p/as3youtubelib/

3、as3flickrlib

http://code.google.com/p/as3flickrlib/

4、Yahoo ASTRA Flash Components

http://developer.yahoo.com/flash/astra-flash/

5、facebook-as3

http://code.google.com/p/facebook-as3/

6、as3awss3lib

http://code.google.com/p/as3awss3lib/

7、Adobe ActionScript 3:resources:apis:libraries （官方，包括corelib、FlexUnit、Flickr、Mappr、RSS and Atom libraries、Odeo、YouTube）

http://labs.adobe.com/wiki/index.php/ActionScript_3:resources:apis:libraries

8、Tweener    用于过渡与切换的一组动画库

http://code.google.com/p/tweener/

9、uicomponents-as3     一组轻量级的AS3 UI组件库

http://code.google.com/p/uicomponents-as3/

10、as3ds     AS3的数据结构实现

http://code.google.com/p/as3ds/

11、mecheye-as3-libraries     一组主要用于Flash 游戏开发的AS3库

http://code.google.com/p/mecheye-as3-libraries/

12、XIFF    一套XMPP协议的AS3实现

http://svn.igniterealtime.org/svn/repos/xiff/branches/xiff_as3_flexlib_beta1/

13、FZip    一套AS3库，可用作对ZIP压缩文件的载入、修改与创建

http://codeazur.com.br/lab/fzip/

14、FlexLib    一套开源的Flex界面组件库

http://code.google.com/p/flexlib/

15、AnimatedGIfLoader Flex Component      可载入GIF的Flex组件

http://dougmccune.com/blog/animatedgifloader-flex-component/

16、goplayground     一套轻量级的，可用创建属于你自己的AS3 动画工具的库

http://code.google.com/p/goplayground/

17、AlivePDF    开源的用于PDF创建的AS3库

http://www.alivepdf.org/

18、jwopitz-lib    一组开源的Flex用户界面组件

http://code.google.com/p/jwopitz-lib/

19、as3crypto    AS3实现的一套加密库，包括多种加密算法

http://code.google.com/p/as3crypto/

20、flare     一套强大的可视化交互的AS3类库

http://flare.prefuse.org/

21、SWFAddress     一小而强大的库，可以为Flash和Ajax提供深链接的功能

http://www.asual.com/swfaddress/

22、SWFObject     用于嵌入Flash，Adobe官方也认可了

http://code.google.com/p/swfobject/

23、ulse Particle System 一套开源的强大的AS3动态粒子系统

http://code.google.com/p/pulse-particle/

http://www.rogue-development.com/pulseParticles.html

24、SpringGraph Flex Component

http://mark-shepherd.com/blog/springgraph-flex-component/

25、GoASAP     AS3动画库

http://code.google.com/p/goasap/

http://www.goasap.org/index.html

26、asaplibrary    一套开源的Flash Actionscript3.0 RIA库

http://code.google.com/p/asaplibrary/

http://asaplibrary.org/

http://asapframework.org

27、as3mathlib 开源Flex/Actionscript数学库

http://code.google.com/p/as3mathlib/

28、as3corelib 包含一些基础功能AS3库

http://code.google.com/p/as3corelib/

29、minimalcomps 一组AS3 UI组件

http://www.bit-101.com/minimalcomps/

30、as3gif

http://code.google.com/p/as3gif/

31、queueloader-as3      一组AS3库，用来进行资源序列载入及监测

http://code.google.com/p/queueloader-as3/

32、TweenMax (AS3)

http://blog.greensock.com/tweenmaxas3/

33、Atellis Reflection Component              一款Flex反射效果组件

http://labs.atellis.com/2007/07/11/atellis-reflection-component/

34、AS3Eval     简单来说，就是用AS3实现的AS3编译器

http://eval.hurlant.com/

35、ByteArray 的组件、库合集，包括liquid components、mousegesture、ASZip、GIF Player、GIF Animation Encoder、AlivePDF、Live JPEG Encoder、ScaleBitmap等

http://www.bytearray.org/?page_id=82

36、AS3C     针对AVM2虚拟机，用C#写的字节码编译器

http://code.google.com/p/as3c/

37、as3httpclientlib    as3实现的http客户端

http://code.google.com/p/as3httpclientlib/

38、as3ui   一组常规的as3 ui界面库

http://code.google.com/p/as3ui/

39、as3xls 让你在flex中可以读写Excel文件

http://code.google.com/p/as3xls/

40、as3flexdb 让你的flex程序可以连接到MySQL服务器，主要是使用AMFPHP来访问PHP服务器

http://code.google.com/p/as3flexdb/

这一是一篇详细使用介绍的教程

http://itutorials.ro/viewtopic.php?f=9&t=7

41、vivisectingmedia-as3 一组AS3/Flex实用库，是作者在实践中总结出来的

http://code.google.com/p/vivisectingmedia-as3/

42、assql   通过ActionScript 3.0 直接连接MySQL 数据库

http://code.google.com/p/assql/

43、FlexserverLib   Flex & BlazeDS服务端扩展

http://code.google.com/p/flexserverlib/

http://www.infoaccelerator.net/blog/post.cfm/announcing-flexserverlib-the-blazeds-extension-project

44、dphibernate Flex/BlazeDS Hibernate Adapter ，支持延迟加载

http://code.google.com/p/dphibernate/

45、as3syntaxhighlight   as3及mxml代码高亮库

http://code.google.com/p/as3syntaxhighlight/

46、Tweensy   一款新的缓动及运动效果库

http://code.google.com/p/tweensy/

47、JSwoof the fastest JSON parser for Flex

http://www.waynemike.co.uk/jswoof

48、casa lib   it provides a core set of classes,interfaces,and utilities

http://casalib.org/

49、FlipCard    3D Flip Card for Flex

http://code.google.com/p/flipcard/

50、Efflex 一组特效库

http://code.google.com/p/efflex/

http://www.efflex.org/

51、ObjectHandles   一组能用UI组件，允许你对组件进行绽放与移动

http://www.rogue-development.com/objectHandles.html

http://code.google.com/p/flex-object-handles/wiki/ObjectHandlesUsage

52、as3commons 一组as3通用库

http://code.google.com/p/as3-commons/

http://www.as3commons.org/

53、urlkit 为Flex应用程序提供URL deep linking深度链接的库

http://code.google.com/p/urlkit/

54、standingwave 音频合成的Flash/Flex库

http://code.google.com/p/standingwave/

Actionscript 3.0 Class

1、fZip    此类可允许你载入标准的zip文件并提取里面包含的文件

http://wahlers.com.br/claus/blog/zip-it-up/

2、AS3: Layout class for Flash CS3     一组用作布局的类

http://www.senocular.com/?id=2.8

3、CSSLoader     该类允许Flex应用程序在运行时载入CSS

http://www.rubenswieringa.com/blog/cssloader

4、AS3: QueryString      一个单例类，用来获取URL地址后所带参数值对

http://evolve.reintroducing.com/2008/07/03/as3/as3-querystring/#more-141

5、ActionScript 3 Contextual Menu Manager Class         AS3关联菜单管理类

http://www.blog.noponies.com/archives/103

6、Spark project 一系列丰富的AS3库，小日本开发

http://www.libspark.org/wiki/WikiStart/en

2D & 3D Engine

1、APE (Actionscript Physics Engine)  物理引擎

http://www.cove.org/ape/

2、Away3D

http://code.google.com/p/away3d/

3、Papervision3D

http://code.google.com/p/papervision3d/

4、Sandy     开源3D库

http://www.flashsandy.org/versions/3.0

5、FORM   一套AS3完成的用于2D刚性物体的物理引擎

http://code.google.com/p/foam-as3/

6、Five3D    基于矢量的Flash 3D 交互动画创建

http://five3d.mathieu-badimon.com/

7、Flade (Flash Dynamics Engine)   一套开源的2D物理引擎，AS2实现

http://www.cove.org/flade/

8、Box2DFlashAS3      2D物理引擎，AS3实现，基于强大的Box2D C++物理库

http://box2dflash.sourceforge.net/

http://sourceforge.net/projects/box2dflash/

9、Paradox    基于Flash的第一称3D引擎

http://animasinteractive.com/propaganda/

10、ND3D AS3 3D Engine 一款简单的AS3开源3D引擎，编译后的引擎大小仅约10K

http://code.google.com/p/nd3d/

http://www.nulldesign.de/nd3d-as3-3d-engine/

11、Pulse Particles   能用的AS3粒子创建系统

http://www.rogue-development.com/pulseParticles.html

http://code.google.com/p/pulse-particle/

12、jiglibflash Flash 3D物理引擎

http://code.google.com/p/jiglibflash/

http://www.jiglibflash.com/blog/

13、motor2 同样是基于Box2D，ActionScript3.0实现的一款2D引擎

http://code.google.com/p/motor2/

http://lab.polygonal.de/motor_physics/

14、WOW-Engine as3实现的物理引擎，源于Sandy

http://seraf.mediabox.fr/wow-engine/as3-3d-physics-engine-wow-engine/

FrameWorks

1、Cairngorm    Adobe官方出的Flex框架

http://labs.adobe.com/wiki/index.php/Cairngorm

     flexcairngorm:Extensions for the Adobe Cairngorm MVC

http://code.google.com/p/flexcairngorm/

2、PureMVC    纯AS3框架，也有其它语言的实现

http://www.puremvc.org/

3、ASWing AS3   一套开源的AS3 GUI框架

http://www.aswing.org/

4、EasyMVC   由事件驱动的MVC框架

http://projects.simb.net/easyMVC/

5、Mate 基于Tag及事件驱动的Flex框架

http://mate.asfusion.com/

6、ARP     基于模式（Pattern）的RIA框架，Flash平台，支持AS2和AS3

http://osflash.org/projects/arp

7、Gaia   开源的Flash前端框架，支持AS2和AS3，用于快速开发

http://www.gaiaflashframework.com/

8、flest   Actionscript3.0/Flex应用程序框架，用来开发企业级的RIA

http://code.google.com/p/flest/

9、Gugga      Flash Framework    更新至AS3

http://www.gugga.com/flashblog/

10、Spring ActionScript(以前名为Prana） 另一个提供了IOC反转控制的框架，类似著名的Spring框架

http://www.pranaframework.org/

http://www.herrodius.com/blog/projects

11、OpenFlux    开源的Flex组件框架，让开发Flex组件更加快速容易

http://code.google.com/p/openflux/

12、Degrafa       声明式的Flex图形框架，允许以MXML标签的方式绘制图形、创建皮肤，还包括对CSS的支持

http://code.google.com/p/degrafa/

13、FlexMVCs    针对AS3和Flex的应用程序框架，基于PureMVC，作了些修正和精简

http://code.google.com/p/flexmvcs/

14、Ruboss   结合Flex与ROR的快速开发的框架

http://ruboss.com/

15、dpHibernate   Flex3/BlazeDS Hibernate适配器，支持延迟加载

http://code.google.com/p/dphibernate/

16、dpUnit 一套新的Flex测试框架

http://code.google.com/p/dpuint/

17、flight framework 一套新的MVC框架，可应用于Flash及Flex当中

http://code.google.com/p/flight-framework/

http://www.flightxd.com/flightframework/

18、Moccasin 一款可用于图形编辑应用程序的Flex框架

http://joeberkovitz.com/blog/2008/09/30/moccasin-intro/

19、RestfulX   一款将Rails的设计理念带入Flex与AIR的框架，the RESTful way to develop Adobe Flex and AIR applications

http://restfulx.github.com/

20、smartypants-ico Dependency Injection framework for Flex 提供了IOC控制反转性的Flex框架

http://code.google.com/p/smartypants-ioc/

http://flex.joshmcdonald.info/

21、glue    Beautiful Gooey MVC Framework for Flex

http://wiki.github.com/seanhess/glue/

22、coordy 一款轻量级的ActionScript3 布局框架

http://code.google.com/p/coordy/

http://somerandomdude.com/articles/technology/coordy/

23、Parsley 另一款AS3 ioc框架，强烈推荐 ★★★

http://www.spicefactory.org/

http://coenraets.org/blog/2009/07/building-a-flex-application-with-the-parsley-framework/

24、Flex IOC 框架

http://code.google.com/p/legato/

25、另一款Flex IOC 框架

http://sourceforge.net/projects/flicc/

26、一款轻量级的纯AS3的，部分思想来源于PureMVC

http://www.robotlegs.org/

http://github.com/robotlegs/robotlegs-demos-Bundle

Flash & Flex Tools、Servers

1、FlexUnit      Flex/Actionscript3.0单元测试框架

http://code.google.com/p/as3flexunitlib/

2、Visual FlexUnit 增强的FlexUnit，支持“可视化断言”

http://code.google.com/p/visualflexunit/

3、RED bug       debug调试控制器，让Flash、Flex、AIR应用程序更加容易

http://www.realeyesmedia.com/redbug/

4、reflexutil 可在运行时对Flex组件进行调试

http://code.google.com/p/reflexutil/

5、FxSpy    当Flex应用程序运行时可以检测和动态的改变可视化组件属性值http://code.google.com/p/fxspy/

6、ThunderBolt 基于Firefox的Firebug插件的日志扩展，支持AS2及AS3

http://code.google.com/p/flash-thunderbolt/

7、FlashTracer Firefox扩展，可以以侧栏的方式将Flash中trace()的结果显示

8、RIALogger 另一款Flex/AIR的Debug工具

http://renaun.com/blog/flex-components/rialogger/

9、Alcon 一款轻量级的AS2及AS3的Debug工具，AIR方式将Debug信息展示出来

http://blog.hexagonstar.com/alcon/

10、GDS (Granite Data Services) 开源，提供了Adobe LiveCycle Data Services类似功能的服务器

http://www.graniteds.org/

11、FlexMonkey 针对Flex的单元测试框架，为Flex应用程序，提供了Flex UI功能的自动测试

http://code.google.com/p/flexmonkey/

12、FlexCover 代码覆盖率检测

http://code.google.com/p/flexcover/

13、Fluint 单元测试与集成测试框架，改进了些FlexUnit功能

http://code.google.com/p/fluint/

14、SWFScan Flash security tools

https://h30406.www3.hp.com/campaigns/2009/wwcampaign/1-5TUVE/index.php?key=swf&jumpid=go/swfscan

15、De MonsterDebugger Open source debugger for Adobe Flash,Flex and AIR

http://demonsterdebugger.com/

16、Antennae 使用Ant建立复杂Flex项目的模板

http://code.google.com/p/antennae/

Flex Explorers  （大部分为Flex2版本，但同样适用于Flex3）

1、Flex3 Component Explorer    Flex各类组件示例

http://examples.adobe.com/flex3/componentexplorer/explorer.html

2、Resize ManagerFX Explorer （此为商业作品，要收费的）

http://www.teotigraphix.com/explorers/ResizeManagerFX/ResizeManagerFXExplorer.html

3、Flex3 Style Explorer

http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html

4、Flex2 Style Explorer （添加了Kuler功能）Flex UI组件风格定制并可输出为CSS

http://www.maclema.com/content/sek/

5、Flex2 Style Explorer （Adobe 原始的版本）

http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html

6、Flex2 Filter Explorer    查看各类滤镜效果并可进行设置

http://merhl.com/flex2_samples/filterExplorer/

http://merhl.com/?p=40                   (AIR版本)

7、Flex2 Primitive Explorer    在Flex中创建各种简单形状

http://www.flexibleexperiments.com/Flex/PrimitiveExplorer/Flex2PrimitiveExplorer.html

8、Custom Easing Function Explore V1.0.0    自定义创建缓动效果函数

http://www.madeinflex.com/img/entries/2007/05/customeasingexplorer.html

9、Tour De Flex   组件资源集合，包括Flex核心组件，第三方组件等，必备

http://flex.org/tour

10、Regular Expression Explorer    正则表达式浏览器

http://ryanswanson.com/regexp/

11、AS3 Performance Tester

http://businessintelligence.me/projects/performance_tester/performanceTester.html

转载的话请注明出处：http://www.jexchen.com

我现在将我做的一个简单的XMLSocket通信的例子贴出来跟大家共享一下，如果有什么不足的地方，还望大家批评指出，毕竟我也是flex初学者，呵呵！

Java应用程序代码：
 view plaincopy to clipboardprint?
public class XMLServerSocket {  
 
 
    private ServerSocket serverSocket;  
 
    private Socket socketin;  
 
    private BufferedReader br;  
 
    private PrintStream ps;  
 
    public static void main(String[] args) {  
        new XMLServerSocket();  
    }  
 
    private XMLServerSocket() {  
        try {  
            serverSocket = new ServerSocket(8800);  
            socketin = serverSocket.accept();  
            br = new BufferedReader(new InputStreamReader(socketin  
                    .getInputStream()));  
            ps = new PrintStream(socketin.getOutputStream());  
            ps.println("Input EXIT for end\0");  
            ps.flush();  
            out("Input EXIT for end");  
            boolean done = false;  
            while (!done) {  
                String str = br.readLine();  
                if (str == null || (str.length() == 1 && str.charAt(0) == '\0')) {  
                    done = true;  
                } else {  
                    char first = str.charAt(0);  
                    char tail = str.charAt(str.length() - 1);  
                    if (first == '\0') {  
                        str = str.substring(1);  
                    }  
                    if (tail == '\0') {  
                        str = str.substring(0, str.length() - 2);  
                    }  
                    out(str);  
                    ps.println(str + "\0");  
                    if (str.trim().equals("EXIT")) {  
                        done = true;  
                        br.close();  
                    }  
                }  
            }  
        } catch (Exception e) {  
            System.out.println(e.getMessage());  
        }  
    }  
 
    private void out(String str) {  
        System.out.println(str);  
    }  
 
} 
public class XMLServerSocket {

 private ServerSocket serverSocket;

 private Socket socketin;

 private BufferedReader br;

 private PrintStream ps;

 public static void main(String[] args) {
  new XMLServerSocket();
 }

 private XMLServerSocket() {
  try {
   serverSocket = new ServerSocket(8800);
   socketin = serverSocket.accept();
   br = new BufferedReader(new InputStreamReader(socketin
     .getInputStream()));
   ps = new PrintStream(socketin.getOutputStream());
   ps.println("Input EXIT for end\0");
   ps.flush();
   out("Input EXIT for end");
   boolean done = false;
   while (!done) {
    String str = br.readLine();
    if (str == null || (str.length() == 1 && str.charAt(0) == '\0')) {
     done = true;
    } else {
     char first = str.charAt(0);
     char tail = str.charAt(str.length() - 1);
     if (first == '\0') {
      str = str.substring(1);
     }
     if (tail == '\0') {
      str = str.substring(0, str.length() - 2);
     }
     out(str);
     ps.println(str + "\0");
     if (str.trim().equals("EXIT")) {
      done = true;
      br.close();
     }
    }
   }
  } catch (Exception e) {
   System.out.println(e.getMessage());
  }
 }

 private void out(String str) {
  System.out.println(str);
 }

}

Flex程序代码：

view plaincopy to clipboardprint?
<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> 
    <mx:Script> 
        <!--[CDATA[  
            private var xmlconnect:XMLSocket;  
            private function connectServer():void  
            {  
                try{  
                    xmlconnect = new XMLSocket();  
                    xmlconnect.connect("localhost",8800);  
                    xmlconnect.addEventListener(DataEvent.DATA,onData);  
                }  
                catch(e:Error)  
                {  
                    trace(e.message);  
                }  
            }  
            private function onData(event:DataEvent):void  
            {  
                content.text = event.text;  
            }  
            private function sendData():void  
            {  
                xmlconnect.send(datasend.text + "\n");//必须加上"\n"，否则数据不能成功发送  
            }  
        ]]--> 
    </mx:Script> 
    <mx:Text id="content" width="271" height="116" horizontalCenter="0" verticalCenter="0" /> 
    <mx:TextInput id="datasend" horizontalCenter="0" verticalCenter="95"/> 
    <mx:Button label="发送" horizontalCenter="0" verticalCenter="121" click="sendData()"/> 
    <mx:Button label="连接" horizontalCenter="0" verticalCenter="-103" click="connectServer()"/> 
</mx:Application> 

JDK 6 安装程序
Eclipse IDE for Java EE Developers
Adobe Flex Builder 3.0.1 Professional Eclipse Plug-in
7-Zip Command Line Version

开始工作：
创建两个目录，分别用来存储Flex Builder文件和临时文件，如D:\Flex和D:\Temp。
将下载得到的四个文件放到D:\Temp内。
解压缩下载到的7-Zip文件，获取到7za.exe程序，也将其放到D:\Temp内。
安装JDK 6到D:\Flex\jdk1.6.0_07，中途无需安装JRE。
提示：如果已经安装了JDK的话，直接将其复制过来即可。
进入命令行模式，依次执行以下命令：
D:
cd \Temp
切换到D:\Temp目录。
7za x eclipse-jee-ganymede-win32.zip -oD:\Flex
move D:\Flex\eclipse D:\Flex\eclipse3.4jee
解压eclipse并将目录名改成eclipse3.4jee。
7za x FB3_WWEJ_Plugin.exe -oFB3
7za x FB3\InstallerData\Disk1\InstData\Resource1.zip -oFB3
从Flex Builder安装程序提取出我们所需要的文件备用。
创建一个启动文件startup.bat，内容如下：
@echo off
set JAVA_HOME=%CD%\jdk1.6.0_07
set JRE_HOME=%JAVA_HOME%\jre
set CLASSPATH=.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
set PATH=%JRE_HOME%\bin;%JAVA_HOME%\bin;%PATH%
start eclipse3.4jee\eclipse.exe
启动eclipse，进行如下操作：
设置工作区：D:\Temp。
Help -> Software Updates...，弹出如下图所示窗口，我们点击Update...，经过一系列的Next -> Finish，开始了eclipse3.4jee版本的自更新,更新完成后，点击Yes重启eclipse。 重启完成后，再次Help -> Software Update...，这次，我们使用Available Software选项卡。 点Add Site... -> Archive...后选择“D:\Temp\FB3\$BUILDSTAGE$\com.adobe.flexbuilder.update.site_ad0c1b9596a1_zg_ia_sf.jar”或直接输入“jar:file:D:\Temp\FB\$BUILDSTAGE$\com.adobe.flexbuilder.update.site_ad0c1b9596a1_zg_ia_sf.jar!/”，OK。 
 选择新加入的Flex Builder，并点击右上角的Install...，经过一系列的Next -> Finish，开始了Flex Builder插件的安装。 
 再次重启，完成了Eclipse集成Flex Builder插件的操作。
我们的工作还没完，继续在命令行中执行以下命令来提取Flex SDK：
7za x FB3\$DEFAULT_SDK$_ad0c1ba696ac_zg_ia_sf.jar -oD:\Flex\eclipse3.4jee\plugins\com.adobe.flexbuilder.flex_3.0.205647\devsdks\3.1.0
7za x FB3\$NDEPOT_IDE_ROOT$\zorn.flex\devsdks\2.0.1_zg_ia_sf.jar -oD:\Flex\eclipse3.4jee\plugins\com.adobe.flexbuilder.flex_3.0.205647\devsdks\2.0.1
清理掉D:\Temp，OK！大功告成！
最后，我们将其压缩起来，以便日后的使用，命令行命令如下：
D:
cd \Flex
del eclipse3.4jee\configuration\.settings\org.eclipse.ui.ide.prefs
7za a FlexBuilder.zip或FlexBuilder.7z
把FlexBuilder.zip（537MB）或FlexBuilder.7z（377MB）保留起来吧，以后只需要简单的解压并执行其中的startup.bat就可以立即进入到Flex Builder开发环境啦！