Flex中利用PopUpManager和TitleWindow类创建自定义对话框的例子

By Minidxer | July 28, 2008

接下来的例子演示了Flex中如何利用PopUpManager和TitleWindow类,创建自定义对话框。

让我们先来看一下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="middle"
  5.         backgroundColor="white"
  6.         creationComplete="init()">
  7.  
  8.     <mx:Script>
  9.         <![CDATA[
  10.             import mx.controls.Label;
  11.             import mx.events.CloseEvent;
  12.             import mx.containers.TitleWindow;
  13.             import mx.managers.PopUpManager;
  14.  
  15.             private var titleWindow:TitleWindow;
  16.  
  17.             private function init():void {
  18.                 var label:Label = new Label();
  19.                 label.text = "Hello world";
  20.  
  21.                 titleWindow = new TitleWindow();
  22.                 titleWindow.title = "Custom title";
  23.                 titleWindow.showCloseButton = true;
  24.                 titleWindow.width = 240;
  25.                 titleWindow.height = 180;
  26.                 titleWindow.addEventListener(CloseEvent.CLOSE, titleWindow_close);
  27.                 titleWindow.addChild(label);
  28.  
  29.                 PopUpManager.addPopUp(titleWindow, this, true);
  30.                 PopUpManager.centerPopUp(titleWindow);
  31.             }
  32.  
  33.             private function titleWindow_close(evt:CloseEvent):void {
  34.                 PopUpManager.removePopUp(titleWindow);
  35.             }
  36.         ]]>
  37.     </mx:Script>
  38.  
  39.     <mx:Button label="Launch TitleWindow" click="init()" />
  40.  
  41. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:minidxer

Topics: Flex | 2 Comments » | Tags: , , , , , , ,

Search Posts