当前位置: IT培训 > HTML5培训 > HTML5培训新闻 > 使用原生或html5开发app,实现功能
使用原生或html5开发app,实现功能 时间:2017-03-20     来源:华清远见HTML5培训

目前app开发主要存在两种形式,使用原生或html5(目前开发的一个趋势,很好的跨平台,较少的开发成本,但体验稍差,用户体验有待提高等等。)

html5开发app

若是Android原生开发App,为了支持化语言,只要在res/目录下在新建多个文件夹为:values-编号,如values-zh-rCN表示简体中文,values-zh-rTW表示繁体,values-en-rUS表示英語等。

注:配置选项包括语言代号和地区代号。表示中文和的配置选项是 zh-rCN; 表示英文和美国的配置选项是en-rUS。其中,zh 和 en 表示中文和英文;CN和US表示和美国;前面的r是必须的。

这样就实现了App自适应化言。

如果,需要App内部语言切换,定义一个Util方法:

html5开发app

在Application的onCreate()方法里和MainActivity的onResume()方法里,调用以上方法即可:LanguageSettings.getInstance().initAppLang(this);

然后,在需要设置App内部语言的地方,将选定的语言Key使用SharedPreferences保存起来(可参考已发文《Android开发本地存储使用小结》),这样,App就能显示设定的语言了。

关于Html5开发App的话,因使用AngularJS+ionic+cordova这里主要讲AngularJs如何实现App语言化。

首先,需要引入angular.min.js和angular-translate.js,这样AngularJs后续加载的模块都会注入一个translate服务,在项目入口文件App.js里使用如下:

html5开发app

然后,在项目www/assets/i18n/文件夹下建立需要实现的语言JS文件,如enUs.js,zhCn.js等,在其文件里定义var enUS_langs = { LANG_TYPE:'english',...} 或 var zhCN_langs = {LANG_TYPE: '中文',..} 等。

这样,H5开发的App也就实现化了。

Note:因为internationalization (化)在i和n之间还有18个字符,简称 i18n;localization(本地化 ),简称L10n。

X