featuredprojectstilelistitem.mxml

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

<?xml version="1.0" encoding="utf-8"?>
<components:SelectAwareItemRenderer 
	xmlns:mx="http://www.adobe.com/2006/mxml"
	xmlns:components="com.flexShowcase.components.*"
	width="180" height="120"
	horizontalScrollPolicy="off" verticalScrollPolicy="off"
	creationComplete="creationCompleteHandler(event)"
	dataChange="handleDataChange()"
	addedToStage="handleRollOut()"
	select="handleSelect()">
	
	<mx:Script>
		<![CDATA[
			///////////////////////////////////////////////////////////////////////////////////////
			//import
			import com.flexShowcase.data.Project;
			import com.flexShowcase.events.*;
			import com.flexShowcase.components.*;
			import flash.display.Sprite;
			
			/////////////////////////////////////////////////////////////////////////////////////
			//private variables
			
			
			private var _data:Object;
			
			//////////////////////////////////////////////////////////////////////////////////////////
			//initialization
			
			private function creationCompleteHandler(event:Event):void {
				
				
				addEventListener(MouseEvent.MOUSE_OVER, handleRollOver);
				addEventListener(MouseEvent.MOUSE_OUT, handleRollOut);

				var u_project:Project= data as Project;
				if(u_project.images.length>0){
					title_mc.text=u_project.name;
					thumb_mc.project=u_project;
				}
				handleRollOut();
			}
			
			//general---------------------------------------------------------------------------
			private function handleRemove():void{
				
				removeEventListener(MouseEvent.MOUSE_OVER, handleRollOver);
				removeEventListener(MouseEvent.MOUSE_OUT, handleRollOut);
				
			}
			
			private function handleDataChange():void{
				//if(thumb_mc!=null){
					//thumb_mc.load(null);
				//}
				if(title_mc!=null){
					var u_project:Project= data as Project;
					title_mc.text=u_project.name;
					if(u_project.images.length>0){
						thumb_mc.project=u_project;
					}
				}
				handleRollOut();
			}
			
			//item states-----------------------------------------------------------------------
			
			private function handleSelect():void{
				if(this.isSelected){
					showSelected();
				} else {
					showRollOut();
				}
			}
			
			/*
			private function handleSelect():void{
				if(this.isselected){
					showSelected();
				} else {
					hideSelected();
				}
			}
			*/
			private function showSelected():void {
				title_mc.styleName = "myriadRegularWhite";
			}
			
			public function handleRollOver(event:MouseEvent = null):void {
				if(!this.isSelected){
					showRollOver()
				}else{
					showSelected();
				}
			}
			
			public function handleRollOut(event:MouseEvent=null):void {
				if (!this.isSelected) {
					showRollOut();
				}else{
					showSelected();
				}
			}
			
			private function showRollOver():void {
				if (title_mc != null && !this.isSelected) {
					title_mc.styleName = "myriadRegularWhite";
				}
			}
			
			private function showRollOut():void {
				if (title_mc != null && !this.isSelected) {
					title_mc.styleName = "myriadRegular";
				}
			}
			

		]]>
	</mx:Script>
	
	<mx:Label id="title_mc" x="10" y="0" styleName="myriadRegular" color="#FFFFFF" />
	<components:ThumbnailRenderer
		x="15"
		y="20"
		width="154" height="93"
		id="thumb_mc" 
		buttonMode="true"/>
	
</components:SelectAwareItemRenderer>