flex 缩放组件

最新推荐文章于 2022-07-15 16:45:10 发布

原创最新推荐文章于 2022-07-15 16:45:10 发布 · 128 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #XML

FLEX 专栏收录该内容

12 篇文章

订阅专栏


<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   minWidth="955" minHeight="600">
	<fx:Declarations>
		<mx:Zoom id="zoomIn" 
				 originX="80"
				 originY="80"
				 zoomHeightTo="1.5" 
				 zoomWidthTo="1.5" 
				 duration="500"/>
		<mx:Zoom id="zoomOUT" 
				 originX="80"
				 originY="80"
				 zoomHeightTo="1.0" 
				 zoomWidthTo="1.0" 
				 duration="500"/>
	</fx:Declarations>
	<s:Panel title="MX Zoom Effect Example" 
			 width="487" height="275" 
			 chromeColor="#000000" color="#CCCCCC">
		<mx:ApplicationControlBar width="485" horizontalAlign="center">
			<s:Label text="Take a cursor on image and show the effect."
					 fontFamily="verdana" color="#000000"/>
		</mx:ApplicationControlBar>
		<mx:Canvas
			rollOverEffect="{zoomIn}" 				  
			rollOutEffect="{zoomOUT}">
		<mx:Image id="roseindia" 
				  source="@Embed(source='images/bell.gif')" 
				  x="171" y="74"   
				  width="128" height="128"/>
		</mx:Canvas>
	</s:Panel>	
</s:Application>