How to Use the setstyle () function in flex to implement showeffect and hideeffect

 

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. Creationcomplete = "Init ();">
8. <Mx: SCRIPT>
9. <! [CDATA [
10. Import MX. effects. Easing .*;
12. Private function Init (): void {
13. IMG. setstyle ("showeffect", rotate );
14. IMG. setstyle ("hideeffect", fade );
15. }
16. ]>
17. </MX: SCRIPT>
19. <Mx: fade id = "Fade"
    />
20. <Mx: Rotate id = "Rotate"
21. Anglefrom = "-180"
22. Angleto = "0"
23. Easingfunction = "elastic. easeinout"
24. Duration = "2000"/>
26. <Mx: applicationcontrolbar dock = "true">
27. <Mx: Form stylename = "plain">
28. <Mx: formitem label = "visible:">
29. <Mx: togglebuttonbar id = "togglebuttonbar"
30. Itemclick = "IMG. Visible = event. item. Data;">
31. <Mx: dataprovider>
32. <Mx: array>
33. <Mx: Object Label = "show"
    Data = "true"
    />
34. <Mx: Object Label = "hide"
    Data = "false"
    />
35. </MX: array>
36. </MX: dataprovider>
37. </MX: togglebuttonbar>
38. </MX: formitem>
39. </MX: Form>
40. </MX: applicationcontrolbar>
42. <Mx: Image id = "IMG"
43. Source = "@ embed ('Assets/flashplayer_icon.jpg ')"
44. Width = "100"
45. Height = "100" type = "parmname" text = "parmname"/>
47. </MX: Application>