apache-flex - ButtonBar のラベルを変更する方法 - 簡単なテスト ケースとスクリーンショットを添付

Question

Flex Mobile アプリでは、下部にButtonBarを配置したいと考えており、そのボタンのラベルを変更する必要があります。

(ここでは TabbedViewNavigatorApplication を使用したくありません。これは、すべてのロジックが単一のビューにあり、上部に ActionBar があり、下部に ButtonBar があるためです)。

そこで、私の問題を実証するために非常に単純なテスト ケースを用意しました。

Flash Builder で「空の」Flex モバイル プロジェクトを作成し、私の 2 つのファイル (以下) をそのプロジェクトに入れるだけで、私の問題が表示されます。一番下のボタンをタッチしても、一番右のボタンのラベルが変更されません)。

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>

チャット.png:

Answer 1

わかりました、に追加_tabs.refresh();することhandleTabsは役に立ちました。