compositestu.mxml

来自「flex编程的入门参示」· MXML 代码 · 共 38 行

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >
<!--设定字体样式-->
<mx:Style>
	global{
		fontSize:12pt;
	}
</mx:Style>
<!--设定同时显示的动画效果-->
	<mx:Parallel id="ZoomRotateShow">
		<!--缩放动画-->
		<mx:Zoom id="ZoomShow"
		zoomHeightFrom="0.0" zoomWidthFrom="0.0"
		zoomHeightTo="1.0" zoomWidthTo="1.0"/>
		<!--旋转动画-->
		<mx:Rotate id="RotateShow" />
	</mx:Parallel>
<!--设定顺序显示的动画效果-->	
	<mx:Sequence id="ZoomRotateHide">
	<!--旋转动画-->
		<mx:Rotate id="RotateHide"/>
	<!--缩放动画-->	
		<mx:Zoom id="ZoomHide"
		zoomHeightFrom="1.0" zoomWidthFrom="1.0"
		zoomHeightTo="0.0" zoomWidthTo="0.0"/>
	</mx:Sequence>
	<mx:VBox id="display_vbox" height="100" width="200">
<!--设定显示和隐藏效果引用-->	
	<mx:TextArea id="aTextArea"
			text="组合效果"
			hideEffect="{ZoomRotateHide}"
			showEffect="{ZoomRotateShow}"/>
	</mx:VBox>
	<!--通过按钮设定是否可见，自动调用动画-->
	<mx:Button id="show_btn" label="显示" click="aTextArea.visible=true;"/>
	<mx:Button id="hide_btn" label="隐藏" click="aTextArea.visible=false;"/>
</mx:Application>