在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(传值路径)"/>