Starling Feathers Controls Header

說明：

The 

Header

 component displays an optional title and a region on the left and right sides for extra controls (usually buttons for navigation).

示例：

private function testHeader():void
		{
			var backButton:Button = new Button();
			backButton.label = "Back";
			backButton.nameList.add( Button.ALTERNATE_NAME_BACK_BUTTON );
			backButton.addEventListener( Event.TRIGGERED, backButton_triggeredHandler );
			
			var header:Header = new Header();
//			var scale9Textures:Scale9Textures=new Scale9Textures(textureAtlas.getTexture("Header0000"),new Rectangle(0,0,100,30));
//			header.backgroundSkin = new Scale9Image(scale9Textures );
			header.title = "I'm a header";
			header.leftItems = new <DisplayObject>[ backButton ];
			this.addChild( header );			
			
			function backButton_triggeredHandler(e:Event):void
			{
				
			}
		}           

效果：

更多說明參考：

http://wiki.starling-framework.org/feathers/header