flex4 中创建自定义弹出窗口

自定义窗口组件 MyTitleWindow 代码如下：

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2009/10/23/displaying-a-popup-spark-titlewindow-container-in-flex-4/ -->
<s:Group name="MyTitleWindow"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
width="374" height="202" xmlns:mx2="library://ns.adobe.com/flex/mx"
>

<fx:Script>
<![CDATA[
import mx.core.IFlexDisplayObject;
import mx.events.CloseEvent;
import mx.managers.PopUpManager;

private static var instance:MyTitleWindow = new MyTitleWindow;
private static var _show:Boolean = false;

public static function show():void
{
if ( _show ) hide();

PopUpManager.addPopUp(instance, TestPopUpManager.app,true);
PopUpManager.centerPopUp(instance);

_show = true;
}

public static function hide():void
{
if ( !_show ) return;

PopUpManager.removePopUp(instance);
_show = false;
}

]]>
</fx:Script>
<mx2:AdvancedDataGrid x="14" y="18" id="adg1" designViewDataType="tree">
<mx2:columns>
<mx2:AdvancedDataGridColumn headerText="Column 1" dataField="col1"/>
<mx2:AdvancedDataGridColumn headerText="Column 2" dataField="col2"/>
<mx2:AdvancedDataGridColumn headerText="Column 3" dataField="col3"/>
</mx2:columns>
</mx2:AdvancedDataGrid>
<s:Button x="323" y="45" label="Button" width="41" click="{hide()}"/>

</s:Group>



应用中代码为:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
minWidth="955" minHeight="600"
initialize="{app = this;}"
>
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<![CDATA[
public static var app:TestPopUpManager;
]]>
</fx:Script>
<s:Button x="183" y="227" label="Button" click="{MyTitleWindow.show()}"/>
</s:Application>
即可调用