Flex中如何利用PopUpManager类在TitleWindow的弹出窗口中播放一段影像(VideoDisplay)的例子

接下来的例子演示了Flex中如何利用PopUpManager类，在TitleWindow的弹出窗口中播放一段影像(VideoDisplay)。

示例：

 

代码：

main.mxml

 

 
        layout="vertical" 
        verticalAlign="top" 
        backgroundColor="white"> 
  
    <mx:Script> 
        <![CDATA[ 
            import mx.managers.PopUpManager; 
  
            private function button_click(evt:MouseEvent):void { 
                var popUpVideoDisplay:PopUpVideoDisplay; 
                popUpVideoDisplay = new PopUpVideoDisplay(); 
                popUpVideoDisplay.source = "http://blog.minidx.com/ext/water.flv"; 
                PopUpManager.addPopUp(popUpVideoDisplay, this, true); 
            } 
        ]]> 
    </mx:Script> 
  
    <mx:Button id="button" 
            label="Launch video" 
            click="button_click(event);" /> 
  
</mx:Application>

 

下面是PopUpVideoDisplay.mxml的代码：

 

 
        showCloseButton="true" 
        styleName="noPadding" 
        creationComplete="init();" 
        close="titleWindow_close(event);"> 
  
    <mx:Style> 
        .noPadding { 
            paddingBottom: 0; 
            paddingTop: 0; 
            paddingLeft: 0; 
            paddingRight: 0; 
        } 
    </mx:Style> 
  
    <mx:Script> 
        <![CDATA[ 
            import mx.managers.IFocusManagerComponent; 
            import mx.controls.Alert; 
            import mx.core.IFlexDisplayObject; 
            import mx.events.CloseEvent; 
            import mx.managers.PopUpManager; 
  
            [Bindable] 
            public var source:String; 
  
            private function init():void { 
                PopUpManager.centerPopUp(this); 
            } 
  
            private function titleWindow_close(evt:CloseEvent):void { 
                PopUpManager.removePopUp(evt.target as IFlexDisplayObject); 
            } 
        ]]> 
    </mx:Script> 
  
    <mx:VideoDisplay id="videoDisplay" 
            source="{source}" 
            resize="init();" /> 
  
    <mx:ControlBar horizontalAlign="right" width="100%"> 
    </mx:ControlBar> 
  
</mx:TitleWindow>