0

Flex モバイル アプリにロケールを追加しようとしており、現在の問題を示す簡単なテスト ケースを用意しました。

スクリーンショット:

スクリーンショット

TestLang.mxml (Flash Builder 4.7 の空のプロジェクトに追加するだけです):

<?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" 
               initialize="init()">

    <fx:Metadata>
        [ResourceBundle("resources")]
    </fx:Metadata> 

    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import spark.events.IndexChangeEvent;

            [Bindable]
            private var _locales:ArrayCollection = new ArrayCollection();

            [Bindable]
            private var _numbers:ArrayCollection = new ArrayCollection();

            private function init():void {
                resourceManager.localeChain = [ 'de_DE' ];

                _locales.addItem({ locale: 'en_US', label: 'English' });
                _locales.addItem({ locale: 'ru_RU', label: 'Русский' });
                _locales.addItem({ locale: 'de_DE', label: 'Deutsch' });

                localize();
            }

            private function localize():void {
                _numbers.removeAll();
                _numbers.addItem({ label: resourceManager.getString('resources', 'menu.one') });
                _numbers.addItem({ label: resourceManager.getString('resources', 'menu.two') });
                _numbers.addItem({ label: resourceManager.getString('resources', 'menu.three') });
                _numbers.addItem({ label: resourceManager.getString('resources', 'menu.four') });
                _numbers.addItem({ label: resourceManager.getString('resources', 'menu.five') });
            }

            protected function changeLocale(event:IndexChangeEvent):void {
                var list:List = event.target as List;
                var item:Object = list.selectedItem;
                resourceManager.localeChain = [ item.str ]; // XXX
                localize();
            }

        ]]>
    </fx:Script> 

    <s:layout>
        <s:VerticalLayout />
    </s:layout>

    <s:List 
        width="100%" 
        height="50%"
        change="changeLocale(event)"
        dataProvider="{_locales}">
        <s:itemRenderer>
            <fx:Component>
                <s:IconItemRenderer labelField="label" />
            </fx:Component>
        </s:itemRenderer>
    </s:List>

    <s:List 
        width="100%" 
        height="50%"
        dataProvider="{_numbers}">
        <s:itemRenderer>
            <fx:Component>
                <s:IconItemRenderer labelField="label" />
            </fx:Component>
        </s:itemRenderer>
    </s:List>

</s:Application>

ソース/ロケール/en_US/resource.properties:

menu.one=One
menu.two=Two
menu.three=Three
menu.four=Four
menu.five=Five
menu.title=English

ソース/ロケール/de_DE/resource.properties:

menu.one=Eins
menu.two=Zwei
menu.three=Drei
menu.four=Vier
menu.five=Fünf
menu.title=Deutsch

ソース/ロケール/ru_RU/resource.properties:

menu.one=Один
menu.two=Два
menu.three=Три
menu.four=Четыре
menu.five=Пять
menu.title=Русский

プロジェクトのプロパティで、Flex Build Path -> Source pathを追加しましたsrc\locale\{locale}

そして、Flex コンパイラの引数-locale de_DE ru_RU en_US -allow-source-path-overlap=true

上のスクリーンショットでは、ドイツ語のロケールが最初に正しく表示されていることがわかります。

ただし、上のリストをタッチしてロケールを変更すると、下のリストは空になります。

なぜそれが起こるのですか?

ResourceManager などを使用してランタイムにロケールを変更する Adob​​eドキュメントを読みましたが、まだ原因を特定できませんでした。

resourceManager.localeChain新しい配列が割り当てられると、ロケールの切り替えは同期的に行われますか?それとも何らかのイベントをリッスンする必要がありますか?

4

1 に答える 1