screenshotssliderimage.mxml

flex 实现的一个showcase 喜欢flex的朋友可以

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas
	xmlns:mx="http://www.adobe.com/2006/mxml"
	
	width="106"
	height="84"
	
	backgroundAlpha="0"
	borderThickness="0"
	
	horizontalScrollPolicy="off"
	verticalScrollPolicy="off"
	
	creationComplete="creationCompleteHandler(event)">
	
	
	<mx:Script>
		<![CDATA[
			//////////////////////////////////////////////////
			//import
			import flash.events.Event;
			
			/////////////////////////////////////////////////////////////////////////
			
			[Bindable]
			public var imageURL:String;
			
			
			//////////////////////////////////////////////////////////////////////////
			//initialization
			
			private function creationCompleteHandler(event:Event):void {
				//
			}
			
			//image loading------------------------------------------------------------------
			
			private function handleLoadComplete(event:Event):void {
				Bitmap(event.target.content).smoothing = true;
				
				var image:DisplayObject = imageLoader_mc.content;
				
				var widtheightRatio:Number = 76 / imageLoader_mc.contentWidth;
				imageLoader_mc.width = imageLoader_mc.contentWidth * widtheightRatio;
				imageLoader_mc.height = imageLoader_mc.contentHeight * widtheightRatio;
				
				if (imageLoader_mc.height < 76) {
					var heightRatio:Number = 76 / imageLoader_mc.contentHeight;
					imageLoader_mc.width = imageLoader_mc.contentWidth * heightRatio;
					imageLoader_mc.height = imageLoader_mc.contentHeight * heightRatio;
				}
			}
			
		]]>
	</mx:Script>
	
	
	<mx:HBox width="100%" height="84" borderThickness="0" borderStyle="none" horizontalAlign="center" horizontalScrollPolicy="off" verticalScrollPolicy="off">
		<mx:Canvas id="imageHolder_mc" height="84" width="84" borderThickness="2" horizontalScrollPolicy="off" verticalScrollPolicy="off">
			<mx:Canvas height="84" width="84" horizontalScrollPolicy="off" verticalScrollPolicy="off">
				<mx:Image source="@Embed('/assets/images/screenshots_slider_imageBG.png')" />
			</mx:Canvas>
			<mx:Canvas width="76" height="76" x="4" y="4" horizontalScrollPolicy="off" verticalScrollPolicy="off" dropShadowEnabled="true" dropShadowColor="#000000" shadowDistance="3" shadowDirection="center">
				<mx:SWFLoader id="imageLoader_mc" width="76" height="76" maintainAspectRatio="false" buttonMode="true" source="{data.smallURL}" complete="handleLoadComplete(event)" />
				<mx:Canvas right="0" bottom="0" visible="{data.isDefault}">
					<mx:Image source="@Embed('/assets/images/backend/defaultScreenshot.png')" />
				</mx:Canvas>
			</mx:Canvas>
		</mx:Canvas>
	</mx:HBox>
	
</mx:Canvas>