flex学习小结5 - 爱码网

1 调用module
   新建一个module:
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="300">
<mx:Script>
<![CDATA[
  import mx.controls.Alert;
  private function showModuleMessage():void
  {
   Alert.show("单击模块");
  }
]]>
</mx:Script>
<mx:Button x="129" y="89" label="Button" click="showModuleMessage()"/>

</mx:Module>
然后在主程序中，直接把这个module拖拉进去，即：
<mx:Script>
<![CDATA[
  private function loadModule(http://www.cnblogs.com/jackyrong/admin/String):void
  {
         currentModule.url=url;
         currentModule.loadModule();
        }

]]>
</mx:Script>
<mx:ModuleLoader width="50%" height="50%" >
</mx:ModuleLoader>
这里通过moduleloader来去调用这个module

2 下面的例子显示titlewindows的用法：
首先搞一个登陆的对话框：
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" showCloseButton="true" close="PopUpManager.removePopUp(this);" >
<mx:Script>
<![CDATA[
//引入需要的包
import mx.managers.PopUpManager;
import mx.controls.TextInput;
//声明两个TextInput组件用于与舞台进行数据通信
public var userName:TextInput;
public var password:TextInput;
//定义一个函数传递数据并关闭窗口
private function processLogin():void {
  //将输入传递给舞台上的TextInput组件
  userName.text=username_txt.text;
  password.text=password_txt.text;
  //移除窗口
  PopUpManager.removePopUp(this);
}
]]>
</mx:Script>
<mx:Form>
  <mx:FormItem label="用户名">
  <mx:TextInput />
</mx:HBox>
</mx:TitleWindow>

然后在一个mxml中，建立一个button，两个文本框，当点button时，以模态方式打开登陆窗口，
当在登陆窗口中输入内容后，在原来的文本框中显示输入的用户名和密码：
<mx:Script>
<![CDATA[
//引入PopUpManager类
import mx.managers.PopUpManager;
//定义一个函数弹出对话框
private function showLogin():void {
  //使用PopUpManager创建一个模式的弹出LoginWindow对话框，并得到引用
  var login_win:LoginWindow =LoginWindow(PopUpManager.createPopUp(this, LoginWindow,true));
  //设定弹出窗口的位置为舞台的中心
  PopUpManager.centerPopUp(login_win);
  //设定弹出窗口的标题
  login_win.title="登录";
  //将显示的TextInput的引用传递给弹出窗口
login_win.userName=userName_txt;
  login_win.password=password_txt;
}
]]>
</mx:Script>
<mx:Button />

3 alert对话框：
   <?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
     <mx:Panel x="10" y="45" width="436" height="259" layout="absolute" fontSize="12" title="Alert组件示例">
          <mx:Button x="39" y="47" label="点我" click="onClick()" fontWeight="normal"/>
         <mx:Button x="116" y="47" label="点我" fontWeight="normal" click="onClickTitle()"/>
          <mx:Button x="204" y="47" label="点我" fontWeight="normal" click="onClickConfrm()"/>
          <mx:Label x="39" y="149" ,1|2|8,this,onCloseHandler);
             }
         ]]>
     </mx:Script>
</mx:Application>