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 などを使用してランタイムにロケールを変更する Adobeドキュメントを読みましたが、まだ原因を特定できませんでした。
にresourceManager.localeChain
新しい配列が割り当てられると、ロケールの切り替えは同期的に行われますか?それとも何らかのイベントをリッスンする必要がありますか?