Example of the component effect in flex-the effect of The ActionScript Control Component

 

 

 

Let's take a look at an example:

 

1. <? XML version = "1.0" encoding = "UTF-8"?>
2. <Mx: Application xmlns: MX = "http://www.adobe.com/2006/mxml" layout = "absolute" creationcomplete = "createeffect (event);">
3. <Mx: SCRIPT>
4. <! [CDATA [
5. Import MX. effects. Resize;
7. Private var resizelarge: resize = new resize ();
9. Private function createeffect (eventobj: Event): void {
10. Resizelarge.tar get = button2;
11. Resizelarge. widthto = 200;
12. Resizelarge. heightto = 60;
13. Resizelarge. duration= 1000;
14. }
15. ]>
16. </MX: SCRIPT>
17. <Mx: button id = "button1" label = "OK" Click = "resizelarge. end (); resizelarge. play (); "x =" 128 "Y =" 42 "/>
18. <Mx: button id = "button2" label = "canel" Click = "button2.width = 100; button2.height = 30" x = "216" Y = "42"/>
19. </MX: Application>

The resize object is created through ActionScript and the behavior control of a button component is implemented. The target button button2 is well-known through the target attribute of the object. The initialization of the effect object is implemented by loading the monitor creationcomplete. In the Click Event listener of the button component's button1, the following two ActionScript commands are defined and executed: resizelarge. end () is used to control the effect of the previous end. Here it plays the role of state resetting; resizelarge. play () is used for execution. The button component button2 defines the size reset for itself.

 

Running effect: