ARCGIS viewer入门(9）flex viewer定制弹出窗口

（1）基本的弹出窗口 

          <?xml version="1.0" encoding="utf-8"?>


<!---
    Pop-up component used to render HTML text.
-->
<s:BorderContainer 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:iframe="http://code.google.com/p/flex-iframe/"
                   width="100%" height="100%"
                   cornerRadius="10"
                   creationComplete="htmlPopup_creationCompleteHandler(event)">
    <s:filters>
        <s:GlowFilter alpha="0.8"
                      blurX="50"
                      blurY="50"
                      color="0xFFFFFF"
                      quality="{BitmapFilterQuality.MEDIUM}"
                      strength="1"/>
    </s:filters>
    <fx:Script>
        <![CDATA[
            import flash.filters.BitmapFilterQuality;


            import flashx.textLayout.conversion.TextConverter;


            import mx.core.FlexGlobals;
            import mx.events.CloseEvent;
            import mx.events.FlexEvent;


           
            [Bindable]
            public var btnLabel:String = "OK";

[Bindable]
public var source:String = "www.baidu.com";


            [Bindable]
            public var txtareaWidth:Number = 500;


            [Bindable]
            public var txtareaHeight:Number = 500;




            public static function show(content:String = "",
                                        btnLabel:String = "OK",
                                        width:Number = 500,
                                        height:Number = 500,
                                        modal:Boolean = true,
                                        closeHandler:Function = null):FramePopup
            {
                var alert:FramePopup = new FramePopup();


                var parent:Sprite = Sprite(FlexGlobals.topLevelApplication);


                if (closeHandler != null)
                {
                    alert.addEventListener(CloseEvent.CLOSE, closeHandler);
                }


                alert.source = content;
                alert.btnLabel = btnLabel;
                alert.txtareaWidth = width;
                alert.txtareaHeight = height;
                FramePopupManager.addPopUp(alert, parent, modal);
                return alert;
            }


            private function close(event:Event):void
            {
FramePopupManager.removePopUp(this);
                dispatchEvent(new CloseEvent(CloseEvent.CLOSE));
            }


            protected function htmlPopup_creationCompleteHandler(event:FlexEvent):void
            {
                setStyle("backgroundColor", getStyle("contentBackgroundColor"));
                setStyle("backgroundAlpha", FlexGlobals.topLevelApplication.getStyle("backgroundAlpha"));
            }
        ]]>
    </fx:Script>
    <!-- doc reference http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flashx/textLayout/conversion/TextConverter.html#TEXT_FIELD_HTML_FORMAT -->
    <s:RectangularDropShadow id="dropShadow"
                             left="0" right="0" top="0" bottom="0"
                             alpha="0.32"
                             angle="90"
                             blRadius="10"
                             blurX="20"
                             blurY="20"
                             brRadius="10"
                             distance="25"/>
    <s:VGroup horizontalAlign="center" paddingBottom="10">
        <s:Button click="close(event)" label="{btnLabel}"/>
 <iframe:IFrame width="{txtareaWidth}" height="{txtareaHeight}" source="{source}"  >
</iframe:IFrame> 
 
    </s:VGroup>
</s:BorderContainer>

---------------------------------------------------------------------------------------------

package com.esri.viewer.components
{


import flash.display.DisplayObject;
import flash.display.DisplayObjectContainer;


import mx.core.IFlexDisplayObject;
import mx.managers.PopUpManager;


/**
 * Manager class used to control HTML pop-up component location and content.
 */
public class FramePopupManager
{
    public static function addPopUp(window:IFlexDisplayObject,
                                    parent:DisplayObject,
                                    modal:Boolean = false,
                                    childList:String = null):void
    {
        PopUpManager.addPopUp(window, parent, modal, childList);
        showSplash(window, parent as DisplayObjectContainer);
    }


    private static function showSplash(window:IFlexDisplayObject, parent:DisplayObjectContainer):void
    {
        var x:Number =  parent.width - window.width-32;
        var y:Number = (parent.height - window.height) / 2;


        window.move(Math.ceil(x), Math.ceil(y));
    }


    public static function removePopUp(window:IFlexDisplayObject):void
    {
        PopUpManager.removePopUp(window);
    }
}


}

调用：FramePopup.show("http://www.baidu.com", "ok", 200, 200);