TabNavigator的问题

[shuzhan87]

我自定义了一个组件 继承自TabNavigator 我希望鼠标移动到一个标签上时就切换页面 而不是单击时才切换 要怎么做

[水中影子]

楼上方法很通用，支持

[Jason-Jin]

用监听器呗，如果按钮得到焦点，就触发事件

[syeia]

单击和鼠标移动到标签上面,只不过是 触发方式不一样.内容是一样.

支持楼上>

[mayuanfei]

我给你做了个简单的实现，你看看。
1.自定义一个TabNavigator组件。代码如下：

<?xml version="1.0" encoding="utf-8"?>
<mx:TabNavigator xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300" creationComplete="init()">
	<mx:Script>
		<![CDATA[
			private function init():void
			{
				this.tabBar.addEventListener(MouseEvent.MOUSE_OVER, handleOver);
			}
			
			private function handleOver(evt:MouseEvent):void 
			{
				switch(evt.target.label) {
					case "Page1" :
						this.selectedIndex = 0;
						break;
					case "Page2" :
						this.selectedIndex = 1;
						break;	
					case "Page3" :
						this.selectedIndex = 2;
						break;
				}
			}
		]]>
	</mx:Script>
</mx:TabNavigator>

2.测试页面。代码如下：

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()" xmlns:ns1="*">

	<ns1:MyTabNavigator id="myTab"  width="100%" height="100%" >
		<mx:Canvas label="Page1" width="100%" height="100%">
			<mx:Text text="第一个页面" width="100%" fontSize="21"/>
		</mx:Canvas>
		<mx:Canvas label="Page2" width="100%" height="100%">
			<mx:Text text="第二个页面" width="100%" fontSize="21"/>
		</mx:Canvas>
		<mx:Canvas label="Page3" width="100%" height="100%">
			<mx:Text text="第三个页面" width="100%" fontSize="21"/>
		</mx:Canvas>
	</ns1:MyTabNavigator>
</mx:WindowedApplication>

[mayuanfei]

刚才那个自定义组件不够通用。我给你修改了下：

<?xml version="1.0" encoding="utf-8"?>
<mx:TabNavigator xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300" creationComplete="init()">
	<mx:Script>
		<![CDATA[
			private function init():void
			{
				this.tabBar.addEventListener(MouseEvent.MOUSE_OVER, handleOver);
			}
			
			private function handleOver(evt:MouseEvent):void 
			{
				var childName:String = evt.target.name;
				var dobj:* = this.tabBar.getChildByName(childName)
				this.selectedIndex = this.tabBar.getChildIndex(dobj);
			}
		]]>
	</mx:Script>
</mx:TabNavigator>