HTML5开发移动web应用——SAP UI5篇(6)

<span style="font-family: Arial,Helvetica,sans-serif; BACkground-color: rgb(255,255,255);">··<span style="white-space:pre">	</span>在SAP UI5中，使用i18n文件的方式来解析变量。对于以后开发不同的语言包，也有对应不同的i18n文件。我们先来大体看一下在SAPUI5中，i18n是如何使用的。</span>

首先我们建立一个文件，文件名为i18n.properties。在其中编写如下内容：

showHelloButtontext=Say Hello

HelloMsg=Hello {0}

这里其实定义了几个变量或者方法的值。要调用他们，我们首先修改controller内容如下：

@H_301_38@sap.ui.define([ "sap/ui/core/mvc/Controller","sap/m/messageToast","sap/ui/model/json/JSONModel","sap/ui/model/resource/resourceModel"],function (Controller,messageToast,JSONModel,resourceModel) { "use Strict"; return Controller.extend("sap.ui.demo.wt.controller.App",{ onInit : function () { var oData = { recipient : { name : "World" } }; var oModel = new JSONModel(oData); this.getView().setModel(oModel); var i18nModel = new resourceModel({//引入i18n文件内容，另@L_994_2@model bundlename: "sap.ui.demo.wt.i18n.i18n"//bundlename设定了该model的文件 }); this.getView().setModel(i18nModel,"i18n");//设定视图的i18nmodel为i18nModel },onShowHello : function () { var oBundle = this.getView().getModel("i18n").getresourceBundle();/获取i18nmodel var sRecipient = this.getView().getModel().getProperty("/recipient/name"); var sMsg = oBundle.getText("HelloMsg",[sRecipient]); messageToast.show(sMsg); } }); }); 逻辑没变，但我们注意代码中以下几个部分。要定义引用i18n文件，通过setModel来设定，设定的模型传进第一个参数为i18nModel，表示要设定的是i18n模型，后面传入具体的i18n文件，在上一行中定义了其路径。这些操做都在初始化函数中进行设定。

之后我们新定义了一个onShowHello函数，第一句代码获取了i18n模型。注意最重要的部分，定义了sMsg，setText传入的第一个参数为我们在i18n中定义的HelloMsg，其中的{0}就用前面定义的sRecipient所取到的值。最后显示的结果就和我们之前相同了。

同时修改视图部分：

<mvc:View
   controllerName="sap.ui.demo.wt.controller.App"
   xmlns="sap.m"
   xmlns:mvc="sap.ui.core.mvc">
   <Button
      text="{i18n>showHelloButtontext}"
      press="onShowHello"/>
   <Input
      value="{/recipient/namE}"
      description="Hello {/recipient/namE}"
      valueLiveupdate="true"//动态更新
      width="60%"/>
</mvc:View>

使用之前定义的showHelloButtontext，取出Say Hello的值显示在按钮上。在Input按钮中我们可以看到，其定义的value值，将用户输入的value传入 {/recipient/namE}，并在controller中取到该值。这就是使用i18n的大体流程。