flex i18n多语言国际化方案.ppt

<mx:Metadata> [ResourceBundle(“interface")]
</mx:Metadata>
本地化资源中使用绑定
• @Resource指令
<mx:Label text=“@Resource(key=‘key’, bundle=‘interface’)” />
• AS代码绑定
[Bindable]
•}
• .jpFont{
•
fontFamily: jpFont;
•}
• </mx:Style>
# /locale/en_US/Font.properties fonsty=ENFont# /locale/ja_JP/Font.properties fontsty=JPFont
<mx:Text styleName="{resourceManager.getString('Font', ‘fontsty')}"/>
• 添加新的本地化支持-sdk的bin目录下，运行命令： copylocale en_US zh_CN（需安装java runtime）
• 默认的语言资源文件D:\Program Files\Adobe\Flex Builder 3\sdks\3.2.0\frameworks\projects\framework\bundles
使用.properties文件实现国际化
• interface.properties 。
Key=value (utf-8 键-值) pic=Embed(“demo.gif") swf=Embed(“demo.swf")
• resourceManager • [ResourceBundle]元数据标签绑定
加载资源
• ResourceManager的loadResourceModule() //异 步
• var eventDispatcher:IEventDispatcher = resourceManager.loadResourceModule(resourc eModuleURL);
• UIComponent 类 resourcesChanged()
• \Adobe\Flex Builder 3\sdks\3.2.0\frameworks\flash-
unicode-table.xml • unicodeRange=‘U+0020-U+002F”标记可以标记字符嵌
入范围ቤተ መጻሕፍቲ ባይዱ
引用本地字体
var fontLibrary:Class=event.target.applicationDomain.getDefinition("em bedFont_localFont") as Class;
本地化字体
• <mx:Style>
• @font-face {src: url(“en.ttf"); fontFamily:enFont;}
• @font-face {src: url(“jp.ttf"); fontFamily: jpFont;}
• .enFont{
•
fontFamily: enFont;
private var _as:String;
_as=resourceManager.getString(interface',‘key');
运行时改变资源包
• 绑定
<mx:Text text="{resourceManager.getString('source','')}“
• 编译参数 locale en_US zh_CN
FLASH IDE动态嵌入字体
– 字型建立fontlib.swf运行库共享导出 继承font 类名fontlib
– 动态调用 fontlib.swf运行库共享导入 继承font 类名fontlib
– 问题：无法同时兼容中日字符 – 发现字符实际存在，但无法显示，未得到渲
染
FLEX IDE
– 建立AS工程 flexFont（主类）
实际应用
1）渲染标准组件字体(Label的public 属性textField:TextField进行设置)
•
c.textField.embedFonts = true;
•
c.textField.setTextFormat(tf);
•
c.textField.x=10;
•
c.textField.width=160;
本地化编译-编译不同的语言版本
• 创建项目的语言资源文件 1）多语言包目录-copylocale original_locale new_locale
2）资源文件（.properties）
• 配置语言包 -locale=en_US
1) sourcepath+=e:\resource\locale\{locale} 2)添加source path 3) SDK的默认语言包资源
Flex国际化I18N
Make You Flex Pro Internationalization
沪江网-尹星军
Flex使用.properties文件实现国际化，环境配 置
• 在Flex中默认只支持en_US , ja_JP这两种本地化 （D:\Program Files\Adobe\Flex Builder 3\sdks\3.2.0\frameworks\locale）
• [Embed(source="C:/WINDOWS/Fonts/verdana.TTF",fontName= “verdana,mimeType="application/x-font")]
• • public var testFont:Class; • /////////////////////////////////
谢谢大家
不周之处，请多包含
trace(fontLibrary); Font.registerFont(fontLibrary); }
function test() {
var _embeddedFonts:Array = new Array(); _embeddedFonts = Font.enumerateFonts(false); trace(_embeddedFonts); trace((_embeddedFonts[0])
• sdks\3.2.0\frameworks\locale • compc 编译语言包
compc -locale=zh_CN -sourcepath=..\frameworks\projects\framework\bundles\zh_CN\src -includeresourcebundles=collections,containers,controls,core,effects,formatters,loggi ng,SharedResources,skins,states,styles,validators -
output=..\frameworks/locale/zh_CN/framework_rb.swc
资源模块化
• 命令行编译指定资源 • mxmlc -locale=en_US
-source-path=locale/{locale} //相对于FLEX的目录，使用绝对路径
-include-resource-bundles=interface，interface1 -output en_US_ResourceModule.swf • mxmlc -locale=zh_CN -source-path=locale/{locale} -include-resource-bundles=interface，interface1 -output zh_CN_ResourceModule.swf
•
c.textField.height=40;
2） 渲染动态/输入文本框：
• var tx:TextField=new TextField(); tx.type="input";// 自行改正 tx.embedFonts=true;
var txt:TextFormat = new
TextFormat(_embeddedFonts[0].fontName,20,0xFF0000);; txt.size = 28; StyleManager.setStyle("textFormat", txt);
• 改变语言资源
resourceManager.localeChain=[locale];//en_US zh_CN
ResourceManager 调度 "change"
UICompoment.resourceChange()
SDK语言资源Framework_rb.swc
• \sdks\3.2.0\frameworks\projects\framework\bundles\en_ US\src