FLEX实践—弹出窗口、滚动字幕

本例中弹出窗口效果模仿的是Flex Buidler—>Help—>About Adobe Flex Builder 3...

窗口代码：

HelpWin.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
    click="{this.visible=false}"
    width="450"
    height="253"
    borderAlpha="0.8"
    fontWeight="normal"
    headerHeight="10"
    borderColor="#070707"
    backgroundColor="#070707"
    color="#FFFFFF"
    cornerRadius="0"
    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>

 

 

 

主应用代码：

WinTest.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    horizontalAlign="center"
    verticalAlign="middle"
    backgroundGradientAlphas="[1.0, 1.0]"
    backgroundGradientColors="[#8A8686, #040404]"
    color="#FFFFFF">
 <mx:Script>
  <!--[CDATA[
   import mx.managers.PopUpManager;
   import components.HelpWin;

   private function showWin():void
   {
    var helpWin:HelpWin=HelpWin(PopUpManager.createPopUp(this, HelpWin, false));
    PopUpManager.centerPopUp(helpWin);
   }
  ]]-->
 </mx:Script>
 <mx:Button label="Help Window"
      click="showWin()"/>

</mx:Application>

 

 

演示效果：