Текущая кнопка TabBar Нажмите

Question

У меня есть TabbedViewNavigatorApplication с тремя вкладками.

Я хочу вызвать функцию, когда текущая активная вкладка кнопок снова нажата.

Как это сделать?

Answer 1

Вот несколько способов решения этой задачи, на них смотрите ниже:

<?xml version="1.0" encoding="utf-8"?> 
<s:TabbedViewNavigatorApplication 
    xmlns:fx="http://ns.adobe.com/mxml/2009" 
    creationComplete="handler_creationCompleteHandler(event)" 
    xmlns:s="library://ns.adobe.com/flex/spark" applicationDPI="160"> 
<fx:Script> 
    <![CDATA[ 
     import mx.events.FlexEvent; 

     import spark.components.ButtonBarButton; 

     protected function handler_creationCompleteHandler(event:FlexEvent):void 
     { 
      var lastTabbedButtonIdex:uint = this.tabbedNavigator.tabBar.selectedIndex; 

      this.tabbedNavigator.tabBar.addEventListener(MouseEvent.CLICK, handler_onTabBarClick); 

      function handler_onTabBarClick(event:MouseEvent):void 
      { 
       if(lastTabbedButtonIdex == (event.target as ButtonBarButton).itemIndex) 
       { 
        trace("Click on selected button"); 
       } 
       else 
       { 
        trace("Select other button"); 
       } 

       lastTabbedButtonIdex = (event.target as ButtonBarButton).itemIndex; 
      } 

      this.removeEventListener(FlexEvent.CREATION_COMPLETE, handler_creationCompleteHandler); 
     } 

    ]]> 
</fx:Script> 
<s:ViewNavigator label="About" width="100%" height="100%" firstView="views.AboutView"/> 
<s:ViewNavigator label="Test" width="100%" height="100%" firstView="views.TestView"/> 
<s:ViewNavigator label="Feed" width="100%" height="100%" firstView="views.FeedView"/> 
<fx:Declarations> 
    <!-- Place non-visual elements (e.g., services, value objects) here --> 
</fx:Declarations> 
</s:TabbedViewNavigatorApplication>