微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Flex点击弹出图片窗口;

<?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>    

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐