featuredprojects.mxml

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

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas
	xmlns:mx="http://www.adobe.com/2006/mxml"
	xmlns:featured="com.flexShowcase.components.*"
	xmlns:footer="com.flexShowcase.components.*"
	left="0"
	right="0"
	top="371"
	horizontalScrollPolicy="off"
	verticalScrollPolicy="off"
	creationComplete="creationCompleteHandler(event);">
	
	<mx:Script>
		<![CDATA[
			//////////////////////////////////////////////////////////////////////////////////
			//import
			import mx.events.ResizeEvent;
			import mx.events.ListEvent;
			import mx.collections.ArrayCollection;
			import com.flexShowcase.data.Project;
			import com.flexShowcase.events.*;
			
			///////////////////////////////////////////////////////////////////////////////
			private var __projects:ArrayCollection;
			
			//////////////////////////////////////////////////
			//variables
			//[Bindable] public var projects:ArrayCollection;
			
			[Bindable] public function set projects(val:ArrayCollection):void{
				this.__projects=val
				//trace("FEATURED PROJECTS: set projects: this.__projects: "+this.__projects)
			}
			
			public function get projects():ArrayCollection{
				return this.__projects
			}
			
			//////////////////////////////////////////////////
			//initialization
			private function creationCompleteHandler(event:Event):void {
				//
			}
			
			
			private function handleItemSelect(event:ListEvent):void {
				trace("FEATURED PROJECTS: handleItemSelect")
				var project:Project=event.target.selectedItem as Project;
				if(project!=null){
					var projectEvent:ProjectEvent = new ProjectEvent(ProjectEvent.SELECT);
					projectEvent.project=project
					dispatchEvent(projectEvent);
				}
			}
			
			public function reset():void{
				project_list.selectedIndex=0;
			}
			
			
	
		]]>
	</mx:Script>
	
	<mx:HBox
		backgroundImage="@Embed('/assets/images/frontend/featuredprojects/featuredProjectsBackground.png')"
		backgroundSize="100%"
		dropShadowEnabled="true"
		dropShadowColor="#000000"
		borderStyle="solid"
		borderThickness="0"
		height="168"
		left="0" right="0"
		alpha="1.0"
		backgroundColor="#E5E5E5"
		paddingTop="10"
		horizontalAlign="center">
		
		<featured:FeaturedProjectsTileList
			id="project_list"
			dataProvider="{projects}"
			width="720"
			height="150"
			borderThickness="0"
			direction="vertical"
			maxRows="1"
			selectedIndex="0"
			horizontalScrollPolicy="on"
			itemClick="this.handleItemSelect(event)"/>
		
	</mx:HBox>
	
	<footer:FlexDotOrgFooter y="177" horizontalCenter="0"/>
	

</mx:Canvas>