FABridge第一步

新建一个Flex Project,例如main

在该工程上右击选择Create Ajax Bridge,建立FABridge

 

在main.mxml中编写如下代码:

          <?xml version="1.0" encoding="utf-8"?>
          <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="bridge.*">
              <ns1:FABridge bridgeName="b_main"/>
              <mx:Image id="imgPhoto" source="assets/1.jpg"/>
          </mx:Application>

编译代码

在AjaxBridge/main/main.html中,编写如下代码:

         --- 加入2个按钮

          <input type="button" value="第一张" onclick="btn_click('1')"/>
          <input type="button" value="第二张" onclick="btn_click('2')"/>

         ---创建鼠标单击事件方法

          <script type="text/javascript">
               function btn_click(num)
              {
                  var initCallback = function()
                  {
                       var flexApp = FABridge.b_main.root();
                       flexApp.getImgPhoto().setSource("assets/" + num + ".jpg");
                  }
                  FABridge.addInitializationCallback("b_main",initCallback);
              }  
          </script>

运行AjaxBridge/main文件夹中的main.html,查看效果