projectlistsortingbarbuttonarrow.mxml

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

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas
	xmlns:mx="http://www.adobe.com/2006/mxml"
	
	width="5"
	height="3"
	
	creationComplete="creationCompleteHandler(event)">
	
	
	<mx:Script>
		<![CDATA[
		
		
			//////////////////////////////////////////////////
			//import
			
			import com.flexShowcase.constants.ProjectListSortTypes;
			
			
			//////////////////////////////////////////////////
			//getter/setter variables
			
			private var _selected:Boolean = false;
			private var _sortOrder:String = ProjectListSortTypes.ASCENDING_ORDER;
			
			
			/////////////////////////////////////////////
			//initialization
			
			private function creationCompleteHandler(event:Event):void{
			}
			
			//////////////////////////////////////////////////
			//getter/setter functions
			
			[Bindable]
			public function set selected(value:Boolean):void {
				_selected=value;
				
				selectedHandler();
			}
			public function get selected():Boolean {
				return _selected;
			}
			
			private function selectedHandler():void {
				if (selected == true) {
					overGraphic.visible = true;
				} else {
					overGraphic.visible = false;
				}
			}
			
			//------------------------------------------------------------------------
			
			[Bindable]
			public function set sortOrder(value:String):void{
				_sortOrder = value;
				
				sortOrderHandler();
			}
			public function get sortOrder():String{
				return _sortOrder;
			}
			
			private function sortOrderHandler():void {
				switch (sortOrder) {
					case ProjectListSortTypes.ASCENDING_ORDER :
						container.rotation = 0;
						container.x = 0;
						container.y = 0;
						break;
					case ProjectListSortTypes.DESCENDING_ORDER :
						container.rotation = 180;
						container.x = 5;
						container.y = 3;
						break;
				}
			}
			
		]]>
	</mx:Script>
	
	
	<mx:Canvas id="container">
		<mx:Image id="upGraphic" source="@Embed('/assets/images/frontend/projectlist/projectList_sortingButtons_arrow_up.png')" />
		<mx:Image id="overGraphic" source="@Embed('/assets/images/frontend/projectlist/projectList_sortingButtons_arrow_over.png')" visible="false" />
	</mx:Canvas>
	
	
</mx:Canvas>