FABridge教程(Flex+Ajax)
今天找一些Flex资料，偶然发现很多人在问有关FABridge的问题，看了一下，大致都是在问在FlashBuilder中如何通过FABridge来实现F-A的交互。简单说说吧。
一.通过js访问Flex组件
1.准备工作。先建立Flex工程 :fademo，并放置一个文本框:txtName。做完后代码应该类似于这个样子：
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="0" minHeight="0" width="400" height="300">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<s:TextInput x="160" y="96" id="txtName"/>
</s:Application>
非常简单，呵呵。我用的flex4，flex3的话也类似。
注意一点，flash初始大小别设置的太大了，否则会看不到文本框。
2.在工程上点右键，选择【创建Ajax Bridge】，添加FABridge支持。这里会让你选择对当前工程中哪些类（属性，方法）进行FA桥接。初学的话，只选择我们创建的文本框即可，免得等会js代码太多。这里我们只选中txtName前面的勾勾。点击确定按钮。
3.看看都有什么变化？首先在src内多了一个bridge包，其内多了个FABridge.as；其次，在工程目录下，也创建了一个名为AjaxBridge\fademo的目录，其中lib下有一个对应的FABridge.js。这两个文件的作用我就不废话了，是核心，不过我们不需要动它。
另外，还有我们下面要说的两个文件，fademo.js和fademo.html，这两个文件是我们需要关注的，简洁起见，我把英文注释换掉了。
先看看fademo.js：
//定义一个全局变量fademo
fademo = {};
//回调
FABridge.addInitializationCallback("b_fademo", fademoReady);
function fademoReady() {
//局部变量，获得Flex应用（b_fademo）的根，可以通过b_fademo_root操作flex
b_fademo_root = FABridge["b_fademo"].root();
//为fademo添加一个方法getTxtName，相当于fademo借助b_fademo_root操作flex
fademo.getTxtName = function () {
return
相关文档：
<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the DateTimeAxis class. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
import mx.collections.ArrayCollection;
......
一、国外站点
1.资源 类
Adobe Flex 2 Component Explorer ： 官方的，展示了各种组件 的用法 ，入门 必看。
CFlex ：很好的一个Flex资源站点，包括教程 ，新闻，资源站点…… 只是页面有点杂乱，大家一般看右边那一栏就行了。
FlexBox ：一个收集 了网上很多开源 组件的站点，是进阶学习 的好帮手。
Flex ......
用FLEX来开发应用难免不了要使用到Module，FLEX组件提供了ModuleLoader组件，该组件使用方式类似与swfLoader，但是通常仅仅使用该组件并不能满足我们的需求，这时FLEX为我们提供了ModuleManager，可以实现动态的载入不同的模块。
module分为两种，一种是完整的，一种是关联到主程序的，在新建Module时可以选择module swf s ......
1、自定义组件
2、自定义事件
3、结合使用
一、自定义组件（使用的是Flex组件，ActionScript组件相对麻烦点，可视化差点）
该组件由一个TextArea和两个Button组成，如图：
代码：
MyComponent.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width=" ......
Blinds.as
package effects
{
import effects.effectClasses.BlindsInstance;
import mx.controls.scrollClasses.ScrollBarDirection;
import mx.effects.IEffectInstance;
import mx.effects.TweenEffect;
public class Blinds extends TweenEffect
{
......
