Flex中如何利用PopUpManager类创建一个弹出Image控件的例子

最新推荐文章于 2025-08-29 10:22:21 发布

转载最新推荐文章于 2025-08-29 10:22:21 发布 · 1.2k 阅读

·

0

·

收录于

Flex

接下来的例子演示了Flex中如何利用PopUpManager类，创建一个弹出Image控件。

<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script>

下面是完整代码(或点击这里察看)：

Download: main.mxml

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

标签

#image #flex #function #import #application

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。