projectlistthumbview.mxml

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

<?xml version="1.0" encoding="utf-8"?>
<views:AbstractListView
	xmlns:mx="http://www.adobe.com/2006/mxml"
	xmlns:thumbView="com.flexShowcase.components.projectList.views.thumbView.*"
	xmlns:views="com.flexShowcase.components.projectList.views.*"
	
	left="0"
	right="0"
	top="74"
	bottom="0"
	
	horizontalScrollPolicy="off"
	verticalScrollPolicy="off"
	
	creationComplete="creationCompleteHandler(event)">
	
	
	<mx:Script>
		<![CDATA[
		
			//////////////////////////////////////////////////
			//import
			
			import com.flexShowcase.data.Project;
			
			import mx.events.ListEvent;
			import mx.events.FlexEvent;
			import com.flexShowcase.events.ProjectListEvent;
			
			//////////////////////////////////////////////////
			//private variables
			
			
			//////////////////////////////////////////////////
			//initialization
			
			private function creationCompleteHandler(event:Event):void {
				setSelectedListIndex()
			}
			
			
			//////////////////////////////////////////////////
			//overridden functions
			
			override public function updateSelectedProject():void {
				if (selectedProject != null&& projects != null) {
					if(this.list!=null){
						this.setSelectedListIndex()
					}
				}
			}
			
			private function setSelectedListIndex():void{
				list.selectedItem=selectedProject
				this.listChangeHandler()
			}
			
			override public function cleanUp():void {
				list.dataProvider = null;
			}
			
			//////////////////////////////////////////////////
			//handler functions
			
			private function listChangeHandler(listEvent:ListEvent=null):void {
				var project:Project = list.selectedItem as Project;
				
				if (project != null) {
					dispatchProjectSelectEvent(project);
				}
			}
			
			private function listDataChangeHandler(flexEvent:FlexEvent):void {
				updateSelectedProject();
			}
			private function handleUpdateComplete(flexEvent:FlexEvent):void {
				if(projects!=null){
					var ev:ProjectListEvent=new ProjectListEvent(ProjectListEvent.CONSTRUCTION_COMPLETE)
					this.dispatchEvent(ev)
				}
				
			}
			
		]]>
	</mx:Script>
	
	
	<mx:Label text="Sorry, no results.  Please try again" styleName="myriadRegular" fontSize="14" x="7" y="10" visible="false" />

	<thumbView:ProjectListThumbViewTileList
		id="list"
		dataProvider="{projects}"
		
		x="5"
		
		width="100%"
		height="100%"
		
		borderStyle="none"
		borderThickness="0"
		
		change="listChangeHandler(event)"
		dataChange="listDataChangeHandler(event)"
		updateComplete="handleUpdateComplete(event)"
		/>
		
		
</views:AbstractListView>