pagingbar.mxml

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

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas 
	xmlns:mx="http://www.adobe.com/2006/mxml" 
	width="100%" height="30"
	backgroundColor="#BFBFBF" 
	horizontalScrollPolicy="off" verticalScrollPolicy="off"
	creationComplete="handleCreationComplete(event)">
	
	<mx:Script>
		<![CDATA[
			import com.flexShowcase.events.NavigationEvent;
		
			//////////////////////////////////////////////////
			//import
			
			
			//////////////////////////////////////////////////
			//getter/setter variables
			
			private var __currentPageNum:uint=1;
			
			//////////////////////////////////////////////////
			//public variables
			
			[Bindable] private var currentPageNumberText:String="Page 1";
			
			//////////////////////////////////////////////////
			//getter/setter functions
			
			public function set currentPageNum(val:uint):void{
				this.__currentPageNum=val+1
				this.handleCurrentPageNum()
			}
			
			public function get currentPageNum():uint{
				return this.__currentPageNum
			}
			
			private function handleCurrentPageNum():void{
				currentPageNumberText="Page "+currentPageNum
				if(currentPageNum<=1){
					this.previousButton.visible=false;
				}else{
					this.previousButton.visible=true;
				}
			}
			
			////////////////////////////////////////////////////////////////////////////////////////
			//initialization
			private function handleCreationComplete(event:Event):void {
				//
			}
			
			private function handleNextButtonClick(event:Event):void{
				var ev:NavigationEvent=new NavigationEvent(NavigationEvent.NEXT_PAGE)
				this.dispatchEvent(ev)
			}
		
			private function handlePrevButtonClick(event:Event):void{
				var ev:NavigationEvent=new NavigationEvent(NavigationEvent.PREVIOUS_PAGE)
				this.dispatchEvent(ev)
			}
		
		]]>
	</mx:Script>
	<mx:HBox id="nextButton" right="5" top="1" height="100%">
		<mx:Label text="Next Page" styleName="myriadRegular" fontSize="12" paddingRight="-5" paddingTop="5"/>
		<mx:Button styleName="pagingBarNextButton" buttonMode="true" click="handleNextButtonClick(event)"/>
	</mx:HBox>
	
	<mx:HBox id="previousButton" left="5" top="1" height="100%">
		<mx:Button styleName="pagingBarPrevButton" buttonMode="true" click="handlePrevButtonClick(event)"/>
		<mx:Label text="Previous Page" styleName="myriadRegular" fontSize="12" paddingLeft="-5" paddingTop="5"/>
	</mx:HBox>
	
	
	<mx:Label text="{currentPageNumberText}" styleName="myriadRegular" fontSize="12" horizontalCenter="0"  verticalCenter="1"/>
</mx:Canvas>