Flex国际化(I18N )

2024-03-25 10:18
文章标签 国际化 flex i18n

本文主要是介绍Flex国际化(I18N ),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

最简单的方法是本地化编译,即编译不同的语言版本,然后使用Application Server来判定客户使用的是哪种语言,并自动指向对应的swf文件。

具体做法如下:

在项目上点击右键,选择Properties

然后选择Flex Compiler,在Additional Compiler arguments下面已经配置好语言包了,默认为-locale en_US

这时我们可以用一个locale目录来简单定制我们额外设置(当然不包括Flex内部控件的语言)的语言设置。

比如改为:-locale=en_US -source-path+=g:/flexproj/locale/{locale}。这样在g盘的flexproj目录下建立一个locale目录。然后目录下放置包含我们要扩展的语言文件的文件夹就可了。比如g:/flexproj/locale/en_US注意:locale下面的目录名应该和-locale=设置的名称一致。

那么这样,我们就可以使用额外的语言设置了。

例:

Additional Compiler arguments配置为

-locale+=en_US -source-path+=g:/flexproj/testgoufang/locale/{locale}

然后在对应的locale目录下添加国际化资源文件 g:/flexproj/testgoufang/locale/en_US/strings.properties

这一部分跟struts相似。

里面的内容为键=值的形式,如:

Title=测试项目

User=用户名

Password=密码

…………

…………

使用的时候可以通过[ResourceBundle]元数据标签来绑定locale文件,如:

<mx:Metadata>

 

     [ResourceBundle("strings")]

</mx:Metadata>

即绑定上文提到的strings.properties文件,然后我们可以通过ResoueceManager来读出其中的内容,比如:

var Title : String = resourceManager.getString("strings", 'Title');

或者绑定到控件:

[Bindable]

private var Title:String;

…………

Title = resourceManager.getString("strings", 'Title');

…………

<mx:Label text="{Title}"/>

上面对针对国际化而使用locale文件的方式做了一个简单的介绍,不过问题还是很多,比如Flex控件的国际化,动态国际化用上面的方法都无法做到。也就是说如果我使用Flex的控件,就必须在程序中指定,或者额外挂在国际化的xxx. Properties文件来进行国际化,并且,只能静态编译多个版本,然后让Application Server根据不同的语言来定位不同版本的SWF文件来进行,这是很不方便的。其实Flex是可以做到的。

 

(以下是参照其他网友的内容,还未进行验证)

下面我们来看比较复杂的定制国际化方案:

首先,了解一些背景,Flex内部的国际化文件/库只支持两个版本,一个是en_US,另一个是ja_JP。也就是说,开发者在编译Flex项目的时候在Additional Compiler arguments下配置locale=zh_CN是一定会报错的。

原因是因为zh_CN库,Flex是没有提供的。

那么应该怎么办呢,答案是:自己来构建一个。

事实上,在Flexsdk中已经提供了所有国际化文本的源码,我们可以通过这些源码来进行核心的国际化功能。

我们可以在sdk的目录下找到对应的源码文件夹,如:

D:/Program Files/Adobe/Flex Builder 3/sdks/moxie/frameworks/projects/framework/bundles/en_US

这样我们可以根据这个原型的复制品来制作其他语言包。

比如,我们来制作一个中文语言包:

首先,先在bundles下创建en_US的副本,然后将副本更名为zh_CN,然后把zh_CN下面的具体内容翻译成中文。

sdk下输入

bin/compc -locale=zh_CN -source-path=frameworks/projects/framework/bundles/zh_CN/src -include-resource-bundles=collections,containers,controls,core,effects,formatters,logging,SharedResources,skins,states,styles,validators-output=frameworks/locale/zh_CN/framework_rb.swc

则会将Flexcollections,containers,controls,core,effects,formatters,logging,SharedResources,skins,states,styles,validators模块的语言源文件编译成frameworks/locale/zh_CN/framework_rb.swc的语言库文件,这样,在Additional Compiler arguments下配置locale=zh_CN就不会报错了。

 

此外,语言文件也可以像CSS文件一样编译成SWF文件:

mxmlc -locale= zh_CN

-source-path=locale/{locale} -allow-source-path-overlap=true -include-resource-bundles=collections,containers,controls,core,effects,myResources,skins,styles -output=Resources_ zh_CN.swf编译后的文件更小,效率会更高。

 

Flex中动态使用国际化

 

之前我们所讲都是通过Application Server跟据不同的语言来定位不用的SWF文件来实现国际化的。现在,我们来讲一下,如何在Flex中,动态指定国际化语言。

 

首先,我们应通过Additional Compiler argumentslocale选项来指定多个语言:

-locale=zh_CN,en_US我们也可以这样-locale+=zh_CN因为en_US为默认语言。

然后,我们可以在程序中指定语言顺序链

resourceManager.localeChain = [ "zh_CN", "en_US" ];

这样我们通过resourceManager.localeChain = [0];就可以选择zh_CN了。

在外部,我们可以通过html-template目录下对index.template.html进行修改,来达到动态更换语言的目的,当然,这也需要Application Server的支持,不过,不再是定位到不同的SWF文件了,比如下面的JS脚本:

AC_FL_RunContent(

"src", "${swf}",

"FlashVars", "localeChain=zh_CN",

"width", "${width}",

"height", "${height}",

"align", "middle",

"id", "${application}",

"quality", "high",

"bgcolor", "${bgcolor}",

"name", "${application}",

"allowScriptAccess","sameDomain",

"type", "application/x-shockwave-flash",

"pluginspage", http://www.adobe.com/go/getflashplayer

);

我们可以利用JSP或者ASP.NET动态替换红色的部分,来动态的更换语言

当然,我们也可以引用编译的文件,只需要把红色的部分改为:

"FlashVars", "resourceModuleURLs=Resources_zh_CN.swf&localeChain= zh_CN ",这样就可以了。

这篇关于Flex国际化(I18N )的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/844688

相关文章

python使用fastapi实现多语言国际化的操作指南

《python使用fastapi实现多语言国际化的操作指南》本文介绍了使用Python和FastAPI实现多语言国际化的操作指南,包括多语言架构技术栈、翻译管理、前端本地化、语言切换机制以及常见陷阱和... 目录多语言国际化实现指南项目多语言架构技术栈目录结构翻译工作流1. 翻译数据存储2. 翻译生成脚本

SpringBoot+MyBatis-Flex配置ProxySQL的实现步骤

《SpringBoot+MyBatis-Flex配置ProxySQL的实现步骤》本文主要介绍了SpringBoot+MyBatis-Flex配置ProxySQL的实现步骤,文中通过示例代码介绍的非常详... 目录 目标 步骤 1:确保 ProxySQL 和 mysql 主从同步已正确配置ProxySQL 的

MyBatis-Flex BaseMapper的接口基本用法小结

《MyBatis-FlexBaseMapper的接口基本用法小结》本文主要介绍了MyBatis-FlexBaseMapper的接口基本用法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具... 目录MyBATis-Flex简单介绍特性基础方法INSERT① insert② insertSelec

CSS3中使用flex和grid实现等高元素布局的示例代码

《CSS3中使用flex和grid实现等高元素布局的示例代码》:本文主要介绍了使用CSS3中的Flexbox和Grid布局实现等高元素布局的方法,通过简单的两列实现、每行放置3列以及全部代码的展示,展示了这两种布局方式的实现细节和效果,详细内容请阅读本文,希望能对你有所帮助... 过往的实现方法是使用浮动加

【CSS】flex布局 - 左边超过打点, 右边完整展示

场景:宽度一定的情况下右边自适应,左边被挤压。 需要的效果如下: flex 的三个参数分别对应:flex-grow、flex-shrink、flex-basis。 flex-grow:定义项目的放大比例,默认为0。即如果存在剩余空间,也不放大。flex-shrink:定义项目的缩小比例,默认为1。即如果空间不足,该项目将缩小。flex-basis:定义在分配多余空间之前,项目占据的主轴空间。

关于Apache Flex 4.12

[转载]Apache Flex 4.12 正式版发布 (2014-03-12 17:44:34) 转载▼ 标签: apacheflex4.12 sdk it 分类:Flash平台 原文地址:Apache Flex 4.12 正式版发布! 作者:  Dark_Stone 此文章由 周戈 (DarkStone) 原创 ,转载请注明来源! 日期: 2014-03

css弹性盒子——flex布局

目录 ​编辑 一、flex容器的样式属性(父元素属性)  display:flex  弹性盒子,实现水平排列,在父盒子设置,适用于单行/单列 justify-content 二、flex元素的样式属性(子元素属性) 1.flex-grow  2.flex-shrink 3.flex-basis 4.flex组合属性 flex:flex-grow flex-shrink f

小程序 flex 布局框架(源码分享)

源码摘自小编的原创文章《小程序全局样式(app.wxss 源码分享)》, 文章链接:https://blog.csdn.net/u013350495/article/details/93141910 在线示例:http://www.jq22.com/jquery-info19340 /* 列式弹性盒子 */.flex_col {display: flex;flex-direction: ro

Flex导致设置的width:100%不生效问题

因为设置了display: flex; 导致block布局变成了flex布局, 所以如果想要在已经设置了flex布局的基础上,再进行子元素的宽100%设置的话,可以应用下面的样式:(在该子元素上设置) flex-shrink: 0;width: 100%; 这样就可以生效了。