在flex 4中创建弹窗样式

在做图片弹窗功能时遇到挺大麻烦，一个是不会另一个是别人的不详细，今天在这里分享分享这段历程

步骤如下：

1.创建TitleWindow组件并且进行自定义处理（重新设置）

代码如下：

<s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009"
?????
????? xmlns:mx="library://ns.adobe.com/flex/mx"
?????
????? xmlns:s="library://ns.adobe.com/flex/spark"
???
????? close="close(path);">?????????????????????????? /?/为弹窗是否可以关闭，若不需传递参数设为空参
?
?<s:layout>
??
??<s:VerticalLayout/>
??
?</s:layout>
?
?<fx:Script>
?
??<![CDATA[
???
???import mx.managers.PopUpManager;
??? [Bindable]
???public var path:String;
???private function close(path:String):void {?????????????????????????
????this.path=path;
????PopUpManager.removePopUp(this);
????
???}
??
??]]>
??
?</fx:Script>
?<!--<s:HGroup width="100%" height="100%">
??<s:Image? source='{path}' width="723" height="543"/>??
?</s:HGroup>

注释部分是我创的图片弹窗功能，还有就是有关path代码，这个是传递路径，如果想做其他另行

编写

-->
</s:TitleWindow>

2.在需要弹窗的页面进行定义：函数引用定义部分

import mx.managers.PopUpManager;
???
???import mx.managers.PopUpManager;
???
???import spark.components.TitleWindow;
???import com.contents.reward.*;
???private function createTitleWindow(path:String):void {????????????????????????????????????? //createTitleWindow(path:String)为需要传值，不需传值可设为空参
????
????var personalInformationWindow:bigShow=new bigShow();
????
????personalInformationWindow.path=path;//传值路径，不需要传值的可不要
????personalInformationWindow.title="图片放大";
????
????PopUpManager.addPopUp(personalInformationWindow,this,true);
????PopUpManager.centerPopUp(personalInformationWindow);
???}?

.......

<s:Button width=50 height=30? click="createTitleWindow(传值路径)"/>