学步园

                     Flex4.6  带图标的TabNavigator的使用

项目需求：带图标的TabNavigator的使用
源代码下载地址：http://download.csdn.net/detail/wuxiaokaixinguo/5299482

代码如下：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	<fx:Script>
		<![CDATA[
			[Bindable]
			[Embed(source="images/search.png")]
			private  var BtnSearch:Class;
			
			[Bindable]
			[Embed(source="images/statistics.png")]
			private var BtnStatistics:Class;
		]]>
	</fx:Script>
	<mx:TabNavigator x="180" y="207" width="344" height="282">
		<s:NavigatorContent width="100%" height="100%" label="查询" icon="{BtnSearch}">
			<s:Label x="116" y="89" width="74" height="24" text="查询页面"/>
		</s:NavigatorContent>
		<s:NavigatorContent width="100%" height="100%" label="统计" icon="{BtnStatistics}">
			<s:Label x="111" y="74" width="81" height="38" text="统计页面"/>
		</s:NavigatorContent>
	</mx:TabNavigator>
</s:Application>

效果图如下：

到此结束！！！