先创建了一个list列表,作为显示的主要内容,然后用panel来装载它,用button来控制打开或者关闭panel
代码如下:
<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" applicationComplete="initApp()">
</mx:Application>
如果用TitleWindow来代替panel,与panel基本相同,但是无法用as指定自带关闭按钮执行关闭动作,只有直接拖放组件到页面,设定close事件才可以达到目的,不过有另一种折衷方法来实现,就是自定义用户控件,继承自titleWindow,然后把showCloseButton设置为true,设置close事件,然后在需要titleWindow的页面上使用脚本定义出一个自定义控件的实例,这样就可以解决,具体如下:
自定义控件:
<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="300" creationComplete="initUI()" showCloseButton="true" close="closeWin()">
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
internal function initUI():void
{
initTxt.text="窗口初始化……";
}
internal function closeWin():void
{
PopUpManager.removePopUp(this);
}
]]>
</mx:Script>
<mx:Label x="285" y="230" text="" fontSize="12" id="initTxt"/>
</mx:TitleWindow>
我把它命名为myWindow,我把它放在myUI目录下,在页面上这样去调用它:
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="300" creationComplete="initUI()" showCloseButton="true" close="closeWin()">
</mx:TitleWindow>
我把它命名为myWindow,我把它放在myUI目录下,在页面上这样去调用它:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"applicationComplete="initApp()">
import myUI.myWindow;
private var titleWin:myWindow;
private function initApp():void
{
...
titleWin=new myWindow();
PopUpManager.addPopUp(titleWin,this,true);
...
}