这个就是基于前两篇的,多添加了一个点击按钮关闭的程序。
代码部分:
AS代码:
package control
{
import flash.events.MouseEvent;
import mx.events.CloseEvent;
import mx.events.FlexEvent;
import mx.managers.PopUpManager;
import spark.components.Button;
import spark.components.TitleWindow;
public class CloseWindowAS extends TitleWindow
{
public var btn2:Button;
public function CloseWindowAS()
{
super();
addEventListener(CloseEvent.CLOSE,closewindow); //添加监听事件,实现关闭窗口。
addEventListener(FlexEvent.CREATION_COMPLETE,initer)
}
protected function initer(event:FlexEvent):void
{
btn2.addEventListener(MouseEvent.CLICK,Clickwindow);
}
protected function Clickwindow(event:MouseEvent):void
{
PopUpManager.removePopUp(this);
}
protected function closewindow(event:CloseEvent):void //让窗口关闭的方法。
{
PopUpManager.removePopUp(this); //关闭窗口
}
}
}
MXML代码:
<?xml version="1.0" encoding="utf-8"?>
<control:CloseWindowAS xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:control="control.*" width="400" height="300">
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<mx:VBox width="100%" height="100%">
<s:Label width="100%" height="212" color="#ED451E" fontSize="50" text="会弹出我哦!"
textAlign="center" verticalAlign="middle"/>
<s:Button id="btn2" width="115" height="43" label="点我关闭" fontSize="13"/>
</mx:VBox>
</control:CloseWindowAS>
应用程序代码:
<?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">
<fx:Script>
<![CDATA[
import mx.managers.PopUpManager;
import view.CloseWindow;
protected function btn1_clickHandler(event:MouseEvent):void //这个就是弹出窗口的代码部分
{
var number1:CloseWindow = new CloseWindow; // 给组件new一个对象
PopUpManager.addPopUp(number1,this,true); //弹出组件的代码
PopUpManager.centerPopUp(number1);
}
]]>
</fx:Script>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<s:TitleWindow x="275" y="156" width="245" height="210">
<s:Button id="btn1" width="154" height="52" label="点我会弹出什么?" click="btn1_clickHandler(event)"
fontSize="15"/>
</s:TitleWindow>
</s:Application>
代码中有注释应该能看明白的么,页面什么的 只是为了实现逻辑,没弄的那么好看,凑合看吧~我感觉那是在浪费时间~!结果图就不发了,只是再上一篇的基础上多了一个按钮你点击它,窗口就会关闭了。
老生常谈,自己敲,自己理解,举一反三。