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

By Minidxer | August 6, 2008

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

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="top"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             import mx.managers.PopUpManager;
  10.  
  11.             private function button_click(evt:MouseEvent):void {
  12.                 var popUpVideoDisplay:PopUpVideoDisplay;
  13.                 popUpVideoDisplay = new PopUpVideoDisplay();
  14.                 popUpVideoDisplay.source = "http://blog.minidx.com/ext/water.flv";
  15.                 PopUpManager.addPopUp(popUpVideoDisplay, this, true);
  16.             }
  17.         ]]>
  18.     </mx:Script>
  19.  
  20.     <mx:Button id="button"
  21.             label="Launch video"
  22.             click="button_click(event);" />
  23.  
  24. </mx:Application>
下面是PopUpVideoDisplay.mxml的代码：
Download: PopUpVideoDisplay.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         showCloseButton="true"
  4.         styleName="noPadding"
  5.         creationComplete="init();"
  6.         close="titleWindow_close(event);">
  7.  
  8.     <mx:Style>
  9.         .noPadding {
  10.             paddingBottom: 0;
  11.             paddingTop: 0;
  12.             paddingLeft: 0;
  13.             paddingRight: 0;
  14.         }
  15.     </mx:Style>
  16.  
  17.     <mx:Script>
  18.         <![CDATA[
  19.             import mx.managers.IFocusManagerComponent;
  20.             import mx.controls.Alert;
  21.             import mx.core.IFlexDisplayObject;
  22.             import mx.events.CloseEvent;
  23.             import mx.managers.PopUpManager;
  24.  
  25.             [Bindable]
  26.             public var source:String;
  27.  
  28.             private function init():void {
  29.                 PopUpManager.centerPopUp(this);
  30.             }
  31.  
  32.             private function titleWindow_close(evt:CloseEvent):void {
  33.                 PopUpManager.removePopUp(evt.target as IFlexDisplayObject);
  34.             }
  35.         ]]>
  36.     </mx:Script>
  37.  
  38.     <mx:VideoDisplay id="videoDisplay"
  39.             source="{source}"
  40.             resize="init();" />
  41.  
  42.     <mx:ControlBar horizontalAlign="right" width="100%">
  43.     </mx:ControlBar>
  44.  
  45. </mx:TitleWindow>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Flex | Tags: , ,

Related Post

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll

Sponsored Ads