Flex 国际化(flex Localize)
先说编译到主程序中去的方法:
1.创建资源文件夹
譬如可以在src文件夹下创建Locale文件夹,然后在此文件夹再次创建每个地区的资源文件夹,譬如de_DE,zh_CN.
然后分别创建后缀名为.properties的资源文件,分别放到各个地区的文件夹中。资源文件是可以包括任何事情,从字符串,数字,格式化和图片到样式。每个地区可以生成一个单独的文件。参考:CreateLocaleFiles.png
2.创建资源文件
创建了名为resources.properties的资源文件,内容为:
Properties代码
## resources.properties file for locale de_DE ## # contact-form labels and assets
contact.title=Contact Form
contact.flagImg=assets/us.gif
contact.submit=Submit # contact-form fields
contact.field.name=Name
contact.field.streetAddress=Street Address
contact.field.city=City
contact.field.state=State
contact.field.zipCode=ZIP Code
contact.field.country=Country
3.创建mxml文件
Flex代码
<?xml version="1.0" encoding="utf-8"?>
<s:VGroup xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%">
<fx:Metadata>
[ResourceBundle("resources")]
</fx:Metadata>
<fx:Script>
<![CDATA[
private var locales:Array = [{label:"English (United States)", locale:"en_US"},
{label:"中文 (中国)", locale:"zh_CN"},
{label:"German (Denmark)", locale:"de_DE"},
{label:"French (France)", locale:"fr_FR"},
{label:"Japanese (Japan)", locale:"ja_JP"}]; private function comboChangeHandler():void
{
resourceManager.localeChain = [localeComboBox.selectedItem.locale];
}
]]>
</fx:Script> <s:Panel title="{resourceManager.getString('resources','contact.title')}" color="black" borderAlpha="0.15" width="350">
<s:layout>
<s:VerticalLayout horizontalAlign="center" paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" />
</s:layout> <mx:Form width="100%" color="0x323232">
<mx:FormItem label="{resourceManager.getString('resources','contact.field.name')}">
<s:TextInput />
</mx:FormItem>
<mx:FormItem label="{resourceManager.getString('resources','contact.field.streetAddress')}">
<s:TextInput />
</mx:FormItem>
<mx:FormItem label="{resourceManager.getString('resources','contact.field.city')}">
<s:TextInput />
</mx:FormItem>
<mx:FormItem label="{resourceManager.getString('resources','contact.field.state')}">
<s:TextInput />
</mx:FormItem>
<mx:FormItem label="{resourceManager.getString('resources','contact.field.zipCode')}">
<s:TextInput />
</mx:FormItem>
<mx:FormItem label="{resourceManager.getString('resources','contact.field.country')}">
<s:TextInput />
</mx:FormItem>
<mx:FormItem>
<s:Button label="{resourceManager.getString('resources','contact.submit')}" />
</mx:FormItem>
</mx:Form>
</s:Panel>
<mx:Spacer height="15" /> <s:HGroup width="350" verticalAlign="middle">
<mx:Spacer width="100%" />
<mx:Image source="{resourceManager.getString('resources','contact.flagImg')}"/>
<mx:ComboBox id="localeComboBox" dataProvider="{locales}" change="comboChangeHandler()"/>
</s:HGroup>
</s:VGroup>
4.配置Flex 编译参数
选中项目名称右键-Properties-Flex Complier-Addtional compiler arguments中添加
- -locale=en_US,zh_CN -allow-source-path-overlap=true -source-path=Locale/{locale}
这样就可以了,你可以通过切换发现可以实现国际化了,哈哈,不过只有两种地区的简单demo。
再谈谈用module分别加载不同地区资源
到底怎样加载这些资源文件决定于你的程序许多支持多少地区本地化。
a.如果你仅仅只是支持一到两个地区的本地化,那么一般来说就是直接编译到程序中。
b.如果要支持很多种本地化,一般选择在运行时加载所需的本地化资源。资源模块和编译入主程序相比,资源模块是一种比较好的本地化方式,因为它指定的资源模块可以在运行时加载。这样可以减小主程序的文件大小,但是如你所见你必须为每个资源模块加载一个单独的swf文件。这样的话会增加网络请求并且合成的主程序的大小比直接编译入主程序的方式更大。尽管如此,如果你有很多本地化的需求,分别单独的加载它们从长远来看会节省资源。
1.2 和上面一样
3.建立mxml文件
Mxml代码
<?xml version="1.0" encoding="utf-8"?>
<s:VGroup xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
width="100%"
height="100%"
creationComplete="initApp()">
<fx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.ResourceEvent;
import mx.resources.ResourceBundle; [Bindable]
private var locales:Array = [ "zh_CN","de_DE" ]; private function initApp():void {
/* Set the index to -1 so that the prompt appears
when the application first loads. */
localeComboBox.selectedIndex = -1;
} private function registrationComplete():void {
Alert.show(resourceManager.getString('resources', 'thanks'));
} private function comboChangeHandler():void {
var newLocale:String = String(localeComboBox.selectedItem); /* Ensure that you are not loading the same resource module more than once. */
if (resourceManager.getLocales().indexOf(newLocale) != -1) {
completeHandler(null);
} else {
// Build the file name of the resource module.
var resourceModuleURL:String = newLocale + "_ResourceModule.swf"; var eventDispatcher:IEventDispatcher =
resourceManager.loadResourceModule(resourceModuleURL);
eventDispatcher.addEventListener(ResourceEvent.COMPLETE, completeHandler);
}
} private function completeHandler(event:ResourceEvent):void {
resourceManager.localeChain = [ localeComboBox.selectedItem ]; /* This style is not bound to the resource bundle, so it must be reset when
the new locale is selected. */
var test:String = resourceManager.getString('resources','contact.field.city');
b1.setStyle("downSkin", resourceManager.getClass("RegistrationForm", "flag"));
}
]]></fx:Script>
<s:Image source="{resourceManager.getClass('resources', 'flag')}"/>
<mx:ComboBox id="localeComboBox"
prompt="Select One..."
dataProvider="{locales}"
change="comboChangeHandler()"/>
<mx:Form width="100%" color="0x323232">
<mx:FormItem label="{resourceManager.getString('resources','contact.field.name')}">
<s:TextInput />
</mx:FormItem>
<mx:FormItem label="{resourceManager.getString('resources','contact.field.streetAddress')}">
<s:TextInput />
</mx:FormItem>
<mx:FormItem label="{resourceManager.getString('resources','contact.field.city')}">
<s:TextInput />
</mx:FormItem>
<mx:FormItem label="{resourceManager.getString('resources','contact.field.state')}">
<s:TextInput />
</mx:FormItem>
<mx:FormItem label="{resourceManager.getString('resources','contact.field.zipCode')}">
<s:TextInput />
</mx:FormItem>
<!--<mx:FormItem label="@Resource(key='contact.field.zipCode', bundle='resources')">
<s:TextInput />
</mx:FormItem>-->
<mx:FormItem>
<s:Button label="{resourceManager.getString('resources','contact.submit')}" />
</mx:FormItem>
</mx:Form> <s:Button id="b1"
label="{resourceManager.getString('resources','submit_button')}"
click="registrationComplete()"/>
</s:VGroup>
4.确定需要哪些资源束
在你编译资源模块之前,你必须知道那些资源束应该放到它里面。换句话说,你必须要知道那些资源是你的主程序-包括它的框架-真正需要的。这不仅仅包括你所创建程序需要的的资源,而且也包括程序框架需要的资源。
在你的flex bulider中找到mxmlc.exe 文件,例如我的在:C:\Program Files\Adobe\Adobe Flash Builder 4.6\sdks\4.6.0\bin,执行
当你使用resource-bundle-list选项时,你还必须设置locale的值为空。
myresource.txt 就是待会要把你所有要国际化的页面和框架所需的所有文件名输出到这个文件中,地址就在mxmlc.exe文件的同一目录
F:\demo\Demo\src\view\resource\ResourceMoudleDemo.mxml 就是你要国际化的页面的绝对路径
执行完后到myresource.txt中查看,内容为:
其中的resources就是自定义的资源文件,其他就是框架所用的文件了
5.把所有的文件都编译到一个swf中
- mxmlc -locale=de_DE
- -source-path=F:\demo\Demo\src\Locale\{locale} -include-resource-bundles=resources,collections,components,containers,controls,core,effects,layout,skins,styles,
- textLayout -output de_DE_ResourceModule.swf
这个时候就会在mxmlc.exe中相同的目录中生成de_DE_ResourceModule.swf。
然后你再改变下-locale=zh_CN,生成zh_CN_ResourceModule.swf。
然后把这两个swf放到主程序相同目录下,测试加载即可。
Flex 国际化(flex Localize)的更多相关文章
- Maven下Flex国际化配置
之前写了flashbulid.initellij下的flex国际化配置,它们都是在本地打包发布的,那么我们的工程用maven管理了,需要自动发布.这时候如何修改flex的pom文件,来让它build的 ...
- 【转】【Flex】FLEX 学习网站分享
[转:http://hi.baidu.com/tanghecaiyu/item/d662fbd7f5fbe02c38f6f764 ] FLEX 学习网站分享 http://blog.minidx.co ...
- Flex 国际化(中英语言适配)
原文地址:http://www.cnblogs.com/meteoric_cry/archive/2011/01/13/1934404.html(由于此贴时间久远,已做微调) 1.新建Flex Pro ...
- [flex布局]-flex教程
简介:2009年,W3C提出了一种新的方案----Flex布局,可以简便.完整.响应式地实现各种页面布局.目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能. Flex布局是什 ...
- [flex 布局]——flex教程
简介:2009年,W3C提出了一种新的方案----Flex布局,可以简便.完整.响应式地实现各种页面布局.目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能. Flex布局是什 ...
- 伸缩容器-display:flex设置flex属性的理解
1.flex属性 1.1 flex属性是flex-grow, flex-shrink 和 flex-basis的简写,默认值为0 1 auto. flex-grow: 定义项目的放大比例,默认为0,即 ...
- flex和flex:1的含义
一.flex详解 flex可以参考阮一峰老师的flex布局教程,很详细看完啥都懂了 链接:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htm ...
- Fms3和Flex打造在线视频录制和回放
本博推荐文章快速导航: Sql Server2005 Transact-SQL 新兵器学习MCAD学习 代码阅读总结 ASP.NET状态管理 DB(数据库)WAPWinFormFlex,Fms aie ...
- OpenCASCADE Expression Interpreter by Flex & Bison
OpenCASCADE Expression Interpreter by Flex & Bison eryar@163.com Abstract. OpenCASCADE provide d ...
随机推荐
- GGS: Sybase to Oracle
Step 1: Start the GGSCI on Source and Target Source Target Oracle GoldenGate Command Interpreter for ...
- int main(int argc,char* argv[])参数详解
argc是命令行总的参数个数 argv[]是argc个参数,其中第0个参数是程序的全名,以后的参数 命令行后面跟的用户输入的参数,比如: int main(int argc, char* argv[] ...
- 0x02全局变量和局部变量
全局变量在什么地方定义? .data和.data? 格式如下: 变量名 类型 初始值1,初始值2... 变量名 类型 重复数 dup(初始值1,初始值2,...) 变量名 类型 ? 类型有哪些? 字节 ...
- 标签跳转break和continue
标签是后面跟有冒号的标识符,例如 label1: 在java中,标签起作用的唯一的地方刚好是在迭代语句之前. “刚好之前”的意思表明,在标签和迭代之间置入热和语句都不好. 而在迭代之前设置标签的唯一 ...
- UML中的六种关系的比较与学习
通过不断的学习并绘制UML图,整个画图的过程中深刻体会到其核心部分还是理解事物之间的关系,总结六大关系来深入学习,主要关系有六种:继承.实现.依赖.关联.聚合.组合. 区别于联系: 1 ...
- SQL Server数据库事务日志存储序列
原文 原文:http://blog.csdn.net/tjvictor/article/details/5251351 如果你的数据库运行在完整或是批量日志恢复模式下,那么你就需要使用作业(job ...
- js异步加载 defer和async 比较
网上说法很多,很少一句话能总结清楚的,终于找到两句一针见血的描述,很到位: 相同点:都不阻塞DOM解析 defer :顺序:保证先后顺序.解析:HTML 解析器遇到它们时,不阻塞(脚本将被异步下载) ...
- 【BZOJ】【2179】FFT快速傅里叶
FFT 做的第二道用到FFT的……好吧其实还是模板题-_-b 百度上说好像分治也能做……不过像FFT这种敲模板的还是省事=.= /*********************************** ...
- 用NPOI导出Excel
用NPOI导出Excel public void ProcessRequest(HttpContext context) { context.Response.ContentType = " ...
- 理解lua 语言中的点、冒号与self
转载自: http://blog.csdn.net/wangbin_jxust/article/details/12170233 lua编程中,经常遇到函数的定义和调用,有时候用点号调用,有时候用冒号 ...