ButtonBar 컨트롤에 레이블을 변경하는 방법 - 플렉스 모바일 응용 프로그램에서

를 부착 간단한 테스트 케이스와 스크린 샷 나는 바닥에 ButtonBar을하고 싶은 나는 그 버튼의 레이블을 변경해야합니다ButtonBar 컨트롤에 레이블을 변경하는 방법 - 플렉스 모바일 응용 프로그램에서

enter image description here

(여기서는 TabbedViewNavigatorApplication을 사용하고 싶지 않습니다. 왜냐하면 모든 논리가 맨 위에 ActionBar가 있고 맨 아래에 ButtonBar가있는 단일보기에 있기 때문입니다.)

그래서 내 문제를 설명하기위한 매우 간단한 테스트 케이스를 준비했습니다.

플래시 빌더에서 "빈"Flex 모바일 프로젝트를 만들고 그 아래에 내 두 파일 (아래)을 넣으면 내 문제가 나타납니다. 맨 아래의 버튼을 터치해도 오른쪽 오른쪽의 레이블이 변경되지 않습니다. 단추).

TestAC.mxml :

<?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" 
       applicationDPI="160"> 
    <fx:Script> 
     <![CDATA[ 
      import spark.events.IndexChangeEvent; 
      import spark.skins.mobile.TabbedViewNavigatorTabBarSkin; 

      private function handleTabs(event:IndexChangeEvent):void { 
       trace(_tabBar.selectedIndex); 
       _tabs[2].label = String(1 + _tabBar.selectedIndex); 
      } 
     ]]> 
    </fx:Script> 
    <fx:Declarations> 
     <s:MultiDPIBitmapSource id="CHAT" 
      source160dpi="@Embed('chat.png')" 
      source240dpi="@Embed('chat.png')" 
      source320dpi="@Embed('chat.png')" /> 

     <s:ArrayCollection id="_tabs"> 
      <fx:Object label="One" /> 
      <fx:Object label="Two" /> 
      <fx:Object label="Three" icon="{CHAT}" /> 
     </s:ArrayCollection> 
    </fx:Declarations> 

    <s:ButtonBar id="_tabBar" 
       requireSelection="true" 
       width="100%" 
       bottom="0" 
       skinClass="spark.skins.mobile.TabbedViewNavigatorTabBarSkin" 
       dataProvider="{_tabs}" 
       change="handleTabs(event)"> 
    </s:ButtonBar> 

</s:Application>

chat.png :

enter image description here