TabNavigator鼠标移动切换界面

来源：互联网发布：uc打不开淘宝编辑：程序博客网时间：2024/06/05 16:59

/*自定义组件SuperTabNavigator*/

<?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,mouseOver);
            }

            private function mouseOver(event:MouseEvent):void{
                var childName:String=event.target.name;
                var obj:*=this.tabBar.getChildByName(childName);
                this.selectedIndex=tabBar.getChildIndex(obj);
            }
        ]]>
    </mx:Script>
</mx:TabNavigator>

/*测试主界面*/

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*">

    <local:SuperTabNavigator id="tab" x="72" y="34" width="200" height="200">
        <mx:Canvas label="Tab 1" width="100%" height="100%">
            <mx:Label x="40" y="59" text="Number1"/>
        </mx:Canvas>
        <mx:Canvas label="Tab2" width="100%" height="100%">
            <mx:Label x="40" y="59" text="Number2"/>
        </mx:Canvas>
        <mx:Canvas label="Tab3" width="100%" height="100%">
            <mx:Label x="40" y="59" text="Number3"/>
        </mx:Canvas>

    </local:SuperTabNavigator>


</mx:Application>

本帖转自：http://topic.csdn.net/u/20100204/10/2992f103-dfcf-4472-95f4-e6326b613eb7.html?9308