State and effect demo, simple example of State and effect

From: Flex and actionscript3.0ProgramDevelopment

<? XML version = "1.0" encoding = "UTF-8"?> <Mx: Application xmlns: MX = "http://www.adobe.com/2006/mxml" layout = "absolute" minwidth = "955" minheight = "600" width = "467" Height = "486"> <mx: transitions> <mx: Transition fromstate = "*" tostate = "*"> <mx: Parallel targets = "{[Panel1, panel2, panel3]}"> <mx: resize> </MX: resize> <mx: Move> </MX: Parallel> </MX: Transition> </MX: Transitions> <mx: states> <mx: State name = "state02"> <mx: setproperty target = "{Panel1}" name = "width" value = "143"/> <mx: setproperty target = "{Panel1}" name = "height" value = "143"/> <mx: setproperty target = "{Panel1}" name = "X" value = "54"/> <mx: setproperty target = "{Panel1}" name = "Y" value = "333"/> <mx: setproperty target = "{panel2}" name = "X" value = "10"/> <mx: setproperty target = "{panel2}" name = "Y" value = "10"/> <mx: setproperty target = "{panel2}" name = "width" value = "447"/> <mx: setproperty target = "{panel2}" name = "height" value = "300"/> </MX: State> <mx: State name = "state03"> <mx: setproperty target = "{Panel1}" name = "width" value = "143"/> <mx: setproperty target = "{Panel1}" name = "height" value = "143"/> <mx: setproperty target = "{Panel1}" name = "X" value = "54"/> <mx: setproperty target = "{Panel1}" name = "Y" value = "333"/> <mx: setproperty target = "{panel3}" name = "X" value = "10"/> <mx: setproperty target = "{panel3}" name = "Y" value = "10"/> <mx: setproperty target = "{panel3}" name = "width" value = "447"/> <mx: setproperty target = "{panel3}" name = "height" value = "300"/> <mx: setproperty target = "{panel2}" name = "X" value = "274" type = "regxph" text = "yourobjectname"/> <mx: setproperty target = "{panel2}" name = "Y" value = "333"/> </MX: State> </MX: States> <mx: panel x = "10" Y = "10" width = "447" Height = "300" layout = "absolute" Title = "Panel1" id = "Panel1" Click = "This. currentstate = '';"> </MX: Panel> <mx: panel x = "54" Y = "333" width = "143" Height = "143" layout = "absolute" Title = "panel2" id = "panel2" Click = "This. currentstate = 'state02'; "> </MX: Panel> <mx: panel x = "274" Y = "333" width = "143" Height = "143" layout = "absolute" Title = "panel3" id = "panel3" Click = "This. currentstate = 'state03'; "> </MX: Panel> </MX: Application>