您的位置:首页 > 其它

Flex点击弹出图片窗口;

2013-08-16 09:44 381 查看
<?xml version="1.0" encoding="utf-8"?>   

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"   

                    layout="vertical"   

                    verticalAlign="middle"   

                    backgroundColor="white">   

        

        <mx:Style>   

            global {   

            modalTransparencyBlur: 0;   

            modalTransparency: 0.9;   

            modalTransparencyColor: black;   

            modalTransparencyDuration: 500;   

            }   

        </mx:Style>   

        

        <mx:Script>   

            <![CDATA[   

            import mx.controls.Image;   

            import mx.managers.PopUpManager;   

            

            private const IMG_PREFIX:String = "http://www.helpexamples.com/flash/images/";   

            

            private function popIt(src:String):void {   

            var img:Image = new Image();   

            img.addEventListener(MouseEvent.CLICK, img_click);   

            img.addEventListener(Event.COMPLETE, img_complete);   

            img.load(IMG_PREFIX + src);   

            img.toolTip = img.source.toString();   

            PopUpManager.addPopUp(img, this, true);   

            }   

            

            private function img_complete(evt:Event):void {   

            var img:Image = evt.currentTarget as Image;   

            img.width = img.contentWidth;   

            img.height = img.contentHeight;   

            PopUpManager.centerPopUp(img);   

            }   

            

            private function img_click(evt:MouseEvent):void {   

            var img:Image = evt.currentTarget as Image;   

            PopUpManager.removePopUp(img);   

            }   

            ]]>   

        </mx:Script>   

        

        <mx:ApplicationControlBar dock="true">   

            <mx:Button label="image 1" click="popIt('image1.jpg');" />   

            <mx:Button label="image 2" click="popIt('image2.jpg');" />   

            <mx:Button label="image 3" click="popIt('image3.jpg');" />   

        </mx:ApplicationControlBar>   

        

</mx:Application>

   
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Flex