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%" id="currentModule" click='loadModule("ModuleStu.swf")' horizontalCenter="0" verticalCenter="0">
 </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 id="username_txt" width="100%"/>
  </mx:FormItem>
  <mx:FormItem label="密码">
  <mx:TextInput id="password_txt" displayAsPassword="true" width="100%"/>
  </mx:FormItem>
 </mx:Form>
 <mx:HBox>
  <mx:Button click="processLogin();" label="登录"/>
  <mx:Button label="取消" click="PopUpManager.removePopUp(this);"/>
 </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 id="login_btn" click="showLogin();" label="Login" horizontalCenter="0" verticalCenter="0"/>
 <!--用于显示窗口输入的内容-->
 <mx:TextInput id="userName_txt" horizontalCenter="0" verticalCenter="64"/>
 <mx:TextInput id="password_txt" horizontalCenter="0" verticalCenter="88"/>

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" id="alertResult" fontWeight="bold" color="#2500C7" width="219"/>
          <mx:Button x="295" y="47" label="点 我" fontWeight="normal" click="onClickHandler()"/>
      </mx:Panel>
     <mx:Script>
         <![CDATA[
             import mx.events.CloseEvent;
             import mx.controls.Alert;
            
             internal function onClick():void
             {
                 Alert.show("Hello World!");
             }
            
             internal function onClickTitle():void
             {                 Alert.show("Hello World!","这里是标题");
             }
            
             internal function onClickConfrm():void
             {
                 Alert.yesLabel="是";
                 Alert.noLabel="否";
                 Alert.show("Hello World!","这里是标题",4,this,onCloseHandler);
             }
            
             internal function onCloseHandler(evt:CloseEvent):void
       {                 if(evt.detail==Alert.YES)
               {
                    alertResult.text = "你选择的是：“是”！";
               }
                else
                {
                    alertResult.text = "你选择的是：“否”！";
                 }
             }
            
             internal function onClickHandler():void
            {
                Alert.yesLabel="是";
                 Alert.noLabel="否";
                Alert.cancelLabel="取消";
                Alert.show("Hello World!","这里是标题",1|2|8,this,onCloseHandler);
             }
         ]]>
     </mx:Script>
</mx:Application>