利用PopUpManger创建弹出Image控件

孤影 — Mon, 27 Oct 2008 02:08:00 GMT

1xml version="1.0" encoding="utf-8"?>
2<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3        layout="vertical"
4        verticalAlign="middle"
5        backgroundColor="white">
6
7    <mx:Style>
8        global {
9            modalTransparencyBlur: 0;
10            modalTransparency: 0.9;
11            modalTransparencyColor: black;
12            modalTransparencyDuration: 500;
13        }
14    mx:Style>
15
16    <mx:Script>
17
18            import mx.controls.Image;
19            import mx.managers.PopUpManager;
20
21            private const IMG_PREFIX:String = "http://www.helpexamples.com/flash/images/";
22
23            private function popIt(src:String):void {
24                var img:Image = new Image();
25                img.addEventListener(MouseEvent.CLICK, img_click);
26                img.addEventListener(Event.COMPLETE, img_complete);
27                img.load(IMG_PREFIX + src);
28                img.toolTip = img.source.toString();
29                PopUpManager.addPopUp(img, this, true);
30            }
31
32            private function img_complete(evt:Event):void {
33                var img:Image = evt.currentTarget as Image;
34                img.width = img.contentWidth;
35                img.height = img.contentHeight;
36                PopUpManager.centerPopUp(img);
37            }
38
39            private function img_click(evt:MouseEvent):void {
40                var img:Image = evt.currentTarget as Image;
41                PopUpManager.removePopUp(img);
42            }
43        ]]>
44    mx:Script>
45
46    <mx:ApplicationControlBar dock="true">
47        <mx:Button label="image 1" click="popIt('image1.jpg');" />
48        <mx:Button label="image 2" click="popIt('image2.jpg');" />
49        <mx:Button label="image 3" click="popIt('image3.jpg');" />
50    mx:ApplicationControlBar>
51
52mx:Application>
53

孤影 2008-10-27 10:08 发表评论

BlogJava-JavaEE&Flex-文章分类-Flex

利用PopUpManger创建弹出Image控件