Flex多国语言示例

简介: 示例以中、英两个语言版本为例:   1、新建Flex Project 2、设置Project中的源路径,例如:locale/{locale}     3、设置Flex编译器的附加参数:-locale zh_CN en_US 4、新建文件夹:locale,然后在其目录下新建两个语言包文件夹: zh_CN en_US 两个文件夹内添加一个名为info.

示例以中、英两个语言版本为例:

 

1、新建Flex Project

2、设置Project中的源路径,例如:locale/{locale}

image

 

 

3、设置Flex编译器的附加参数:-locale zh_CN en_US

image

4、新建文件夹:locale,然后在其目录下新建两个语言包文件夹:

zh_CN

en_US

两个文件夹内添加一个名为info.properties(文件后缀名必须是properties,文件名随意)

image 

info.properties里的内容为:

中文为:

info=当前语言: {0}  当前的IDE是{1}  当前使用的版本是:{2}

英文为:

info=Current Langunage: {0} Current use IDE {1}   Version now is {2}

image

 

5、打开Flex Project的mxml主文件

先绑定语言包

<mx:Metadata>
        [ResourceBundle("info")]
</mx:Metadata>

info为语言包文件的文件名(info.properties)

 

在界面添加两个按钮,点击时更改语言包设置,然后进行测试:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" minWidth="955" minHeight="600">
	
	<mx:Metadata>
		[ResourceBundle("info")]
	</mx:Metadata>
	
	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.resources.ResourceBundle;
			import mx.resources.ResourceManager;
			import mx.utils.StringUtil;
			
			function show():void {
				var infoStr:String = ResourceManager.getInstance().getString("info", "info");
				
				var arr:Array = null;
				
				if (ResourceManager.getInstance().localeChain.toString() == "zh_CN") {
					arr = ['中文', 'Flash Builder', 'V1.0'];
				} else {
					arr = ["English", 'Flash Builder', 'V1.0'];
				}
				
				infoStr = StringUtil.substitute(infoStr, arr);
				
				Alert.show(infoStr, "这里是标题");
			}
			
			function show_CN(evt:MouseEvent):void {
				ResourceManager.getInstance().localeChain = ["zh_CN"]; 
				
				show();
			}
			
			function show_US(evt:MouseEvent):void {
				ResourceManager.getInstance().localeChain = ["en_US"];  
				
				show();
			}
		]]>
	</mx:Script>
	
	<mx:Button label="显示中文" x="339" y="230" click="show_CN(event);"></mx:Button>
	
	<mx:Button label="显示英文" x="339" y="280" click="show_US(event);"></mx:Button>
	
</mx:Application>
 
 

 

然后按F11,调试运行。

 

最终的效果图为:

image

image

 

在获取文本信息的时候,使用了flex中的字符串工具“StringUtil”包中的“substitute”方法:

image

 

源码就是一个使用正则替换的过程:

image

目录
相关文章
|
开发工具
手工编译Flex SDK 3.4的多国语言包
项目需要将目前版本提供给其它地区:台湾、日韩等,面临着项目语言的国际化问题。 默认的Flex sdk 3.4只提供了日文(ja_JP)、英文语言包(en_US),如图所示:   语言代号: 大陆:zh_CN 台湾:zh_TW 香港:zh_HK …   例如想支持繁体,没有zh...
978 0
|
3月前
|
前端开发 算法 Java
(CSS)使用Flex布局,帮助你快速了解各种基本的Flex布局属性以及帮你让元素快速达到布局中的指定位置!
(CSS)使用Flex布局,帮助你快速了解各种基本的Flex布局属性以及帮你让元素快速达到布局中的指定位置!
159 0
|
3月前
|
前端开发 算法 Java
【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
Flex 布局 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。 一、Flex 布局是什么? Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。
324 1
|
7月前
|
设计模式 容器
13.HarmonyOS流式卡片列表实现指南:Flex多行布局详解
在现代移动应用开发中,流式卡片列表是一种常见且实用的UI设计模式。它能够自适应屏幕宽度,在有限空间内高效展示多个内容项。本教程将详细讲解如何使用HarmonyOS的ArkUI框架中的Flex组件实现一个灵活的流式卡片列表,重点关注多行布局与对齐策略的应用。
268 2
|
7月前
|
开发者 UED 容器
07.精通HarmonyOS Flex对齐:从基础到高级布局技巧(上)
在HarmonyOS Next的ArkUI框架中,Flex容器提供了强大而灵活的对齐系统,使开发者能够精确控制子元素在容器中的排列方式。掌握这些对齐技术,是构建专业级用户界面的关键。
250 0
|
7月前
|
UED 容器
5.HarmonyOS Next开发宝典:掌握Flex布局的艺术
Flex布局(弹性布局)是HarmonyOS Next中最强大的布局方式之一,它提供了一种更加高效、灵活的方式来对容器中的子元素进行排列、对齐和分配空间。无论是简单的居中显示,还是复杂的自适应界面,Flex布局都能轻松应对。
258 0
|
10月前
|
开发者 容器
鸿蒙开发:弹性布局Flex
在实际的开发中,需要掌握主轴与交叉轴的关系、换行规则及子元素属性,同时注意性能与兼容性问题,还有一点,Flex组件在渲染时存在二次布局过程,因此在对性能有严格要求的场景下建议使用Column、Row代替。
290 10
鸿蒙开发:弹性布局Flex
|
7月前
|
UED 容器
10.HarmonyOS Next布局进阶:嵌套Flex容器与空间分配策略
在HarmonyOS Next的ArkUI框架中,Flex布局是构建用户界面的核心技术之一。通过嵌套使用Flex容器,我们可以创建复杂而灵活的界面结构,满足各种应用场景的需求。本教程将深入探讨如何在HarmonyOS Next中使用嵌套Flex容器实现复杂布局,以及如何合理分配和控制空间。
204 0
|
前端开发 容器
flex布局
【10月更文挑战第7天】
305 87
|
前端开发 UED 容器
使用 Flex 布局实现垂直居中效果
【10月更文挑战第7天】
1475 57