FLEX实践—默认弹出窗口

本例中将实现当应用运行时不进行任何操作就先弹出窗口，点击关闭/点击窗口任一位置 时将关闭窗口
1）创建Component—DefaultWin.mxml （目录结构src/components/DefaultWin.mxml）

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
    click="{this.visible=false}"
       showCloseButton="true"
       close="{this.visible=false}"
    width="450"
    height="253"
    borderAlpha="0.8"
    fontWeight="normal"
    headerHeight="20"
    borderColor="#EED9FB"
    backgroundColor="#070707"
    color="#FFFFFF"
    cornerRadius="8"
    creationComplete="init()">
 <mx:Script>
  <![CDATA[
   private function init():void
   {
    move_up.yFrom=can.height - 6;
    move_up.yTo=0 - content.height + 6;
    move_up.repeatCount=0; //loop
    move_up.repeatDelay=0; //loop time
    move_up.duration=6000; //the time of scroll once
    move_up.play();
   }

   private function move_pause():void
   {
    move_up.pause(); //pause
   }

   private function move_resume():void
   {
    move_up.resume(); //start from the pause position
   }
  ]]>
 </mx:Script>
 <mx:Move id="move_up"
    target="{content}"/>
 <mx:VBox width="100%"
    height="100%"
    horizontalAlign="center">
  <mx:HBox width="100%"
     height="40%"/>
  <mx:Canvas id="can"
       width="100%"
       height="100%"
       left="0"
       top="0"
       verticalScrollPolicy="off">
   <mx:Text id="content"
      width="90%"
      horizontalCenter="0"
      text="Ntt.cc was created br Minidxer in January of 2008 as a site dedicated to the prolification of Macromedia/Adobe Flex and JavaScript/Ajax."
      verticalCenter="0">
   </mx:Text>
  </mx:Canvas>

 </mx:VBox>
 <mx:HBox width="100%">
  <mx:Spacer width="100%"/>
  <mx:Text text="version 0.9.0.0"/>
 </mx:HBox>
</mx:TitleWindow>

 

2）创建应用程序DefaultPopWinTest.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
 <mx:Script>
  <![CDATA[
   import components.DefaultWin;
   import mx.managers.PopUpManager;
   
   private function init():void{
    showWin();
   }
   private function showWin():void
   {
    var helpWin:DefaultWin=DefaultWin(PopUpManager.createPopUp(this, DefaultWin, false));
    PopUpManager.centerPopUp(helpWin);
   }
  ]]>
 </mx:Script>
</mx:Application>

 

运行结果：