State and Effect demo,状态和效果简单示例

from:Flex与ActionScript3.0程序开发

<?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: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"/>
			<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>