[Flex]利用PopUpManger創建彈出Image控件
1
<?xml 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
<![CDATA[
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
52
</mx:Application>
53

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

posted on 2008-10-27 10:26 孤影 閱讀(365) 評論(0) 編輯 收藏 所屬分類: Flex