Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73 <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" color="#2A0631" themeColor="#FF00FC" creationComplete="{resultPropHandler();}" > <mx:Script> <![CDATA[ import mx.containers.Tile; import mx.controls.Label; import mx.controls.Image; import mx.effects.Resize; import mx.events.ResizeEvent; import mx.events.ListEvent; import mx.controls.Image; import mx.events.ItemClickEvent; import mx.effects.Move; import mx.effects.Parallel; import mx.effects.Resize; private function resultPropHandler():void { var test:String; var label:Label=new Label(); tile.dataProvider = this.prop.property as Array; img.source=tile.dataProvider.getItemAt(0).img; img.width=280; img.scaleX= img.scaleY; } private function tileList_itemClick(evt:ListEvent):void { //panel.addEventListener(Event.ACTIVATE, addedEffect); img.width=280; img.scaleX= img.scaleY; img.maintainAspectRatio = true; img.source = evt.itemRenderer.data.img; dissolve.play(); } /* function addedEffect(evt:ListEvent):void{ var moveEffect:Move = new Move(); var resizeEffect:Resize = new Resize(); var parallelEffect:Parallel = new Parallel(); moveEffect.xFrom =100; moveEffect.xTo=-200; //moveEffect.target=[panel]; //parallelEffect.targets = [panel]; //parallelEffect.addChild(moveEffect); moveEffect.play(); }*/ ]]> </mx:Script> <mx:Model id="prop" source="MyXml.xml" /> <mx:Dissolve id="dissolve" duration="1000" target="{hb}" alphaFrom="0.0" alphaTo="0.8"/> <mx:Panel id="panel" height="320" horizontalScrollPolicy="off" verticalScrollPolicy="off" > <mx:HorizontalList id="tile" columnCount="4" columnWidth="160" rowCount="1" rowHeight="140" height="76" width="378" itemRenderer="Thumbnail" itemClick="tileList_itemClick(event);" /> <mx:HBox id="hb"> <mx:Image id="img"> </mx:Image> </mx:HBox> </mx:Panel> </mx:Application>
Mon code fonctionne mais j'ai une question crois tu que c'est possible de faire un effet qui donne l'impression que l'image sort de la tilelist (avec un resize) et arrive dans le panel.Ici j'ai juste mis un petit effet dissolve.
Si c'est possible pourrait tu me donner des pistes? merci
Partager