CN109445886A - 一种界面显示方法、系统及终端设备 - Google Patents

Abstract

本发明提供了一种界面显示方法、系统及终端设备，其中方法包括：根据用户在语言设置中选择的目标语言，调取相应的界面布局文件；按照所述界面布局文件显示相应的显示界面，按照显示控件和布局参数，在相应位置显示相应规格大小的界面元素；按照所述用户选择的所述目标语言，调取相应的语言翻译文件，并将其中所述目标语言对应的语言文本添加到所述显示界面中。本发明使用了可见可得的界面显示和绘制方法，通过调用预先编写好的界面布局文件和语言翻译文件，生成相应的显示界面，并在界面上添加用户选择的目标语言对应的文字，能够完成多种语言的快捷切换，使用方便，维护开发难度低。

Description

一种界面显示方法、系统及终端设备

技术领域

本发明属于屏幕显示技术领域，尤其涉及一种界面显示方法、系统及终端设备。

背景技术

UI即User Interface(用户界面)的简称，泛指用户的操作界面，也称人机界面。界面显示应用很广，例如，生活中常见的支付应用中使用的POS设备，也具有显示界面。

传统的POS界面显示对于多种语言的处理为针对该语言修改应用代码，维护起来难度大，代码版本多，开发周期长。对于不同的语言，界面也不同。例如，对于同一个显示内容，英文的显示跟中文、阿拉伯文或波斯文均是不一样的。特别是对于阿拉伯文，即使句宽过长也不能换行的情况，对于显示界面需要很多调整，多出了很多开发量。

综上，现有的界面显示具有使用不便、维护开发难度大的问题。

发明内容

有鉴于此，本发明实施例提供了一种界面显示方法、系统及终端设备，以解决现有技术中界面显示具有使用不便、维护开发难度大的问题。

本发明实施例的第一方面提供了一种界面显示方法，包括：

根据用户在语言设置中选择的目标语言，调取相应的界面布局文件；

按照所述界面布局文件显示相应的显示界面，按照显示控件和布局参数，在相应位置显示相应规格大小的界面元素，其中，所述界面布局文件中预先编写有所述显示控件和所述布局参数；

按照所述用户选择的所述目标语言，调取相应的语言翻译文件，并将其中所述目标语言对应的语言文本添加到所述显示界面中。

本发明实施例的第二方面提供了一种界面显示系统，包括：

语言设置模块，用于根据用户在语言设置中选择的目标语言，调取相应的界面布局文件；

界面显示模块，用于按照所述界面布局文件显示相应的显示界面，按照显示控件和布局参数，在相应位置显示相应规格大小的界面元素，其中，所述界面布局文件中预先编写有所述显示控件和所述布局参数；

文字显示模块，用于按照所述用户选择的所述目标语言，调取相应的语言翻译文件，并将其中所述目标语言对应的语言文本添加到所述显示界面中。

本发明实施例的第三方面提供了一种终端设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上所述界面显示方法的步骤。

本发明实施例的第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如上所述界面显示方法的步骤。

本发明实施例与现有技术相比存在的有益效果是：使用了可见可得的界面显示和绘制方法，通过调用预先编写好的界面布局文件和语言翻译文件，生成相应的显示界面，并在界面上添加用户选择的目标语言对应的文字，如需使用另一种语言来显示界面，只需替换绘制好的界面布局文件，并将描述好的语言文本加入显示界面，即可实现任意语言的显示与输入，能够完成多种语言的快捷切换，使用方便，维护开发难度低。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本发明的一个实施例提供的界面显示方法的实现流程示意图；

图2是一种中文的配置界面的示意图；

图3是一种英文的配置界面的示意图；

图4是本发明的一个实施例提供的图1中步骤S102的实现流程示意图；

图5是本发明的一个实施例提供的界面显示系统的结构示意图；

图6是本发明的一个实施例提供的终端设备的示意图。

具体实施方式

以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本发明实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本发明。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本发明的描述。

本发明的说明书和权利要求书及上述附图中的术语“包括”以及其他任何变形，是指“包括但不限于”，意图在于覆盖不排他的包含。例如包含一系列步骤或单元的过程、方法或系统、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括没有列出的步骤或单元，或可选地还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。此外，术语“第一”、“第二”和“第三”等是用于区别不同对象，而非用于描述特定顺序。

为了说明本发明所述的技术方案，下面通过具体实施例来进行说明。

实施例1：

图1示出了本发明的一个实施例提供的一种界面显示方法的实现流程，本实施例的流程执行主体可以是POS(Point Of Sale，支付终端)设备，公开了一种支持POS显示多国语言的方法。

如图1所示，在本发明的一个实施例中，所述界面显示方法，包括：

步骤S101，根据用户在语言设置中选择的目标语言，调取相应的界面布局文件；

本实施例实现了用户对语言的设置。

步骤S102，按照所述界面布局文件显示相应的显示界面，按照显示控件和布局参数，在相应位置显示相应规格大小的界面元素，其中，所述界面布局文件中预先编写有所述显示控件和所述布局参数；

本实施例实现了界面的显示。

步骤S103，按照所述用户选择的所述目标语言，调取相应的语言翻译文件，并将其中所述目标语言对应的语言文本添加到所述显示界面中。

本实施例，用来进行文字的显示，实现了文字的显示。

在一个实施例中，预先生成了不同语言对应的界面布局文件和语言翻译文件，在使用时，根据用户选择的某一种目标语言，选择相应的文件。

可选地，界面布局文件为xml文件，语言翻译文件为ini文件。

本实施例中，所述显示控件包括基本UI控件，例如按钮、复选框、单选框、编辑框、菜单、文本框、网格、跑马灯、签名板、进度条等。

基本UI控件，一般分为：

Web(World Wide Web)UI控件：图表和图形、日期和日历、组合框、对话框、进度条、所见即所得编辑器等。

iOS基本UI控件：Button控件、开关控件、滑块控件、工具栏、WebView等。

安卓UI控件：文本控件、按钮控件、状态开关控件、单选与复选按钮、图片控件、时钟控件、日期与时间选择控件等。

本实施例中，所述布局参数包括显示控件的规格形状参数和排列位置参数，例如大小、宽高、排列位置等参数。

在一个实施例中，所述界面元素包括图片、文字、图形图像、音视频等多媒体资源。

在一个实施例中，步骤S102中，按照显示控件和布局参数，在相应位置显示相应规格大小的界面元素，包括：将显示控件按照所述布局参数中的规格形状参数进行转换，转换成为图像，将所述图像按照所述布局参数中的排列位置参数放置在显示界面的相应位置，从而得到所述界面元素。

在一个实施例中，在步骤S103中，将所述语言文本添加到所述显示界面中对应的显示位置，以进行文字显示。

本发明实施例使用了可见可得的界面显示和绘制方法，通过调用预先编写好的界面布局文件和语言翻译文件，生成相应的显示界面，并在界面上添加用户选择的目标语言对应的文字，如需使用另一种语言来显示界面，只需替换绘制好的界面布局文件，并将描述好的语言文本加入显示界面，即可实现任意语言的显示与输入，能够完成多国语言的快捷切换，使用方便，维护开发难度低。

需要说明的是，由于不同的语言所占显示的行宽不同，故每种语言的界面布局文件也可能是不同的，但对应的显示控件应该是一致的，例如，英文对应的某一显示界面使用了一个编辑框一个文本框，中文对应的显示界面也应该包含一个编辑框一个文本框，阿拉伯文对应的显示界面也应该包含一个编辑框一个文本框。

其中，为了解决不同语言间转换的问题，采用了一种语言翻译文件，描述了每种语言翻译的语言文本(即字符)是什么样的。

以一个具体应用场景为例，例如一个显示界面中有一个编辑框一个文本框，那么：

中文的语言翻译文件可以包括：

TextBox＝消费

EditBox＝打印

阿拉伯文的语言翻译文件可以包括：

英文的语言翻译文件可以包括：

TextBox＝Sale

EditBox＝Print

通过语言翻译文件，可以找到目标语言对应的语言文本，再利用UI库工具，将所述语言文本添加到所述显示界面的相应位置上，从而实现了显示界面的自动适应语言功能。

在一个显示界面的显示过程中，一般需要用到UI界面绘制工具、UI库工具和图片资源包等。

在本发明的一个实施例中，在步骤S101之前，所述界面显示方法还包括：

步骤a，使用UI界面绘制工具生成所述界面布局文件和所述语言翻译文件，并将所述界面布局文件和所述语言翻译文件导入UI库。

本实施例中，利用UI界面绘制工具生成界面布局文件和语言翻译文件，与代码不耦合，调取方便，易于维护，便于操作人员使用和掌握。

在本发明的一个实施例中，在步骤a中，生成界面布局文件，包括：

通过在UI界面绘制工具中对语言字段、显示控件和布局参数的配置，生成所述界面布局文件。

在本发明的一个实施例中，在步骤a中，生成语言翻译文件，包括：

1)通过在所述UI界面绘制工具中对语言的配置，生成所述语言翻译文件；

2)所述语言翻译文件中预先描述有不同语言的翻译文本，组成所述语言文本。

本实施例中，UI界面绘制工具用于生成界面布局文件和语言翻译文件。

如图2和图3所示的UI界面绘制工具的配置界面，用户可利用UI界面绘制工具在其中的配置界面进行语言的配置。

图2为中文的配置界面，经过如图2所示的配置，生成中文的语言翻译文件，其中内容包括：

[page1.xml]

TextBox1＝显示

EditBox1＝消费

[page11.xml]

Marquee1＝打印

图3为英文的配置界面，经过如图3所示的配置，生成英文的语言翻译文件，其中内容包括：

[page1.xml]

TextBox1＝Disp

EditBox1＝Sale

[page11.xml]

Marquee1＝Print

如图4所示，在本发明的一个实施例中，在步骤S102中，所述按照所述界面布局文件显示相应的显示界面，包括：

步骤S201，使用UI库工具，对所述界面布局文件进行解析，生成所述显示界面，并对所述显示界面包含的界面元素进行动态设置。

步骤S202，使用所述UI库工具，解析出所述界面布局文件中包含的显示控件，并在所述显示界面显示所述显示控件。

在本发明的一个实施例中，在步骤S103中，将所述语言翻译文件中的语言文本添加到所述显示界面中，包括：

使用UI库工具对所述语言翻译文件进行解析，得到相应的所述语言文本，并将所述语言文本添加到所述显示界面的相应位置。

本实施例中，UI库工具的功能主要为对所述显示界面包含的界面元素进行动态设置，从而实现显示控件、语言文本等的显示。

在本发明的一个实施例中，所述界面布局文件包括不同语言对应的输入键盘控件；

在本发明的一个实施例中，在步骤S102中，按照所述界面布局文件显示相应的显示界面，包括：

1)根据所述用户选择的所述目标语言，使用UI库工具对所述界面布局文件进行解析，调取所述目标语言对应的所述输入键盘控件；

2)将所述输入键盘控件在所述显示界面上进行显示。

本实施例中，用户与显示界面的交互方式不仅包括显示，还包括输入。不同语言的输入方式是不同的，例如，中文采用拼音输入，英文采用字母输入。

界面布局文件中预先描述了不同语言对应的不同的输入键盘控件，经过UI库工具的解析，可在显示界面上与用户交互。

在一个实施例中，通过用户在语言设置中选择的目标语言，UI库工具将自动调取对应的输入键盘控件。

在一个实施例中，通过显示界面上的切换按钮，实现用户设置和切换不同的输入键盘控件。

在一个实施例中，每种输入键盘控件均支持屏幕自适应功能，UI库工具自动根据屏幕大小调整输入键盘控件的显示大小。

本实施例中，用户不需要了解输入键盘控件具体是如何实现的，只需利用UI库工具自动导入所需的输入键盘控件至显示界面，实现了方便灵活的操作，使应用代码更加方便简洁。

在一个实施例中，所述界面显示方法，还包括：

从图片资源包中调取所需的图片，添加到所述显示界面。

其中，图片资源包中包括图片、动图等图形图像资源。

本发明实施例，解决了在多种语言的情况下，使用更少资源与精力去开发或者维护一套代码，在业务逻辑一致，界面风格一致的情况下，不需要修改应用代码，只需替换几个文件即可实现其他语言的适配显示与输入。并且，界面设计可见可得，开发简单，维护容易。这种支持多种语言的界面显示方法，具有可见可得绘制界面，支持拉丁语系、中文语系、英文语系的显示与输入的功能。在大多数国家均适用，不同于传统的应用开发流程，该界面显示方法为可见可得，具有代码与界面、语言分离的功能。

应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限定。

实施例2：

如图5所示，本发明的一个实施例提供的界面显示系统100，用于执行图1所对应的实施例中的方法步骤，其包括：

语言设置模块110，用于根据用户在语言设置中选择的目标语言，调取相应的界面布局文件；

界面显示模块120，用于按照所述界面布局文件显示相应的显示界面，按照显示控件和布局参数，在相应位置显示相应规格大小的界面元素，其中，所述界面布局文件中预先编写有所述显示控件和所述布局参数；

文字显示模块130，用于按照所述用户选择的所述目标语言，调取相应的语言翻译文件，并将其中所述目标语言对应的语言文本添加到所述显示界面中。

在本发明的一个实施例中，界面显示系统100还包括：

文件获取模块，用于使用UI界面绘制工具生成所述界面布局文件和所述语言翻译文件，并将所述界面布局文件和所述语言翻译文件导入UI库。

在本发明的一个实施例中，文件获取模块包括：

界面文件获取单元，用于通过在UI界面绘制工具中对语言字段、显示控件和布局参数的配置，生成所述界面布局文件。

语言文件获取单元，用于通过在所述UI界面绘制工具中对语言的配置，生成所述语言翻译文件，其中，所述语言翻译文件中预先描述有不同语言的翻译文本，组成所述语言文本。

在本发明的一个实施例中，界面显示模块120包括：

显示界面获取单元，用于使用UI库工具，对所述界面布局文件进行解析，生成所述显示界面，并对所述显示界面包含的界面元素进行动态设置；

显示控件获取单元，用于使用所述UI库工具，解析出所述界面布局文件中包含的显示控件，并在所述显示界面显示所述显示控件。

在本发明的一个实施例中，界面显示模块120还包括：

键盘获取单元，用于根据所述用户选择的所述目标语言，使用UI库工具对所述界面布局文件进行解析，调取所述目标语言对应的所述输入键盘控件；

键盘显示单元，用于将所述输入键盘控件在所述显示界面上进行显示。

在本发明的一个实施例中，文字显示模块130包括：

语言文本获取单元，用于使用UI库工具对所述语言翻译文件进行解析，得到相应的所述语言文本，并将所述语言文本添加到所述显示界面的相应位置。

在一个实施例中，界面显示系统100还包括其他功能模块/单元，用于实现实施例1中各实施例的方法步骤。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即所述界面显示系统100的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。实施例中的各功能模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中，上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。另外，各功能模块的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。上述界面显示系统100中模块的具体工作过程，可以参考实施例1中的对应过程，在此不再赘述。

实施例3：

图6是本发明一实施例提供的终端设备的示意图。如图6所示，该实施例的终端设备6包括：处理器60、存储器61以及存储在所述存储器61中并可在所述处理器60上运行的计算机程序62。所述处理器60执行所述计算机程序62时实现如实施例1中所述的各实施例中的步骤，例如图1所示的步骤S101至S103。或者，所述处理器60执行所述计算机程序62时实现如实施例2中所述的各系统实施例中的各模块/单元的功能，例如图5所示模块110至130的功能。

所述终端设备6是指具有数据处理能力的终端，包括但不限于POS设备、计算机、工作站、服务器，甚至是一些性能优异的智能手机、掌上电脑、平板电脑、个人数字助理(PDA)、智能电视(Smart TV)等。以上详细罗列了终端设备6的具体实例，本领域技术人员可以意识到，终端设备并不限于上述罗列实例。

所述终端设备可包括，但不仅限于，处理器60、存储器61。本领域技术人员可以理解，图6仅仅是终端设备6的示例，并不构成对终端设备6的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述终端设备6还可以包括输入输出设备、网络接入设备、总线等。

所称处理器60可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

所述存储器61可以是所述终端设备6的内部存储单元，例如终端设备6的硬盘或内存。所述存储器61也可以是所述终端设备6的外部存储设备，例如所述终端设备6上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)等。进一步地，所述存储器61还可以既包括所述终端设备6的内部存储单元也包括外部存储设备。所述存储器61用于存储所述计算机程序以及所述终端设备6所需的其他程序和数据。所述存储器61还可以用于暂时地存储已经输出或者将要输出的数据。

实施例4：

本发明实施例还提供了一种计算机可读存储介质，计算机可读存储介质存储有计算机程序，计算机程序被处理器执行时实现如实施例1中所述的各实施例中的步骤，例如图1所示的步骤S101至步骤S103。或者，所述计算机程序被处理器执行时实现如实施例2中所述的各系统实施例中的各模块/单元的功能，例如图5所示的模块110至130的功能。

所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、电载波信号、电信信号以及软件分发介质等。

在上述实施例中，对各个实施例的描述都各有侧重，实施例1至4可以任意组合，组合后形成的新的实施例也在本申请的保护范围之内。某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

在本发明所提供的实施例中，应该理解到，所揭露的终端设备和方法，可以通过其它的方式实现。例如，以上所描述的系统/终端设备实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口，装置或单元的间接耦合或通讯连接，可以是电性，机械或其它的形式。

以上所述实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围，均应包含在本发明的保护范围之内。

Claims (10)

1.一种界面显示方法，其特征在于，包括：

根据用户在语言设置中选择的目标语言，调取相应的界面布局文件；

按照所述界面布局文件显示相应的显示界面，按照显示控件和布局参数，在相应位置显示相应规格大小的界面元素，其中，所述界面布局文件中预先编写有所述显示控件和所述布局参数；

按照所述用户选择的所述目标语言，调取相应的语言翻译文件，并将其中所述目标语言对应的语言文本添加到所述显示界面中。

2.如权利要求1所述的界面显示方法，其特征在于，还包括：

使用UI界面绘制工具生成所述界面布局文件和所述语言翻译文件，并将所述界面布局文件和所述语言翻译文件导入UI库。

3.如权利要求2所述的界面显示方法，其特征在于，生成界面布局文件，包括：

通过在UI界面绘制工具中对语言字段、显示控件和布局参数的配置，生成所述界面布局文件。

4.如权利要求2所述的界面显示方法，其特征在于，生成语言翻译文件，包括：

通过在所述UI界面绘制工具中对语言的配置，生成所述语言翻译文件；

所述语言翻译文件中预先描述有不同语言的翻译文本，组成所述语言文本。

5.如权利要求1所述的界面显示方法，其特征在于，所述按照所述界面布局文件显示相应的显示界面，包括：

使用UI库工具，对所述界面布局文件进行解析，生成所述显示界面，并对所述显示界面包含的界面元素进行动态设置；

使用所述UI库工具，解析出所述界面布局文件中包含的显示控件，并在所述显示界面显示所述显示控件。

6.如权利要求1所述的界面显示方法，其特征在于，将所述语言翻译文件中的语言文本添加到所述显示界面中，包括：

使用UI库工具对所述语言翻译文件进行解析，得到相应的所述语言文本，并将所述语言文本添加到所述显示界面的相应位置。

7.如权利要求1至6任一项所述的界面显示方法，其特征在于，所述界面布局文件包括不同语言对应的输入键盘控件；

按照所述界面布局文件显示相应的显示界面，包括：

根据所述用户选择的所述目标语言，使用UI库工具对所述界面布局文件进行解析，调取所述目标语言对应的所述输入键盘控件；

将所述输入键盘控件在所述显示界面上进行显示。

8.一种界面显示系统，其特征在于，包括：

语言设置模块，用于根据用户在语言设置中选择的目标语言，调取相应的界面布局文件；

界面显示模块，用于按照所述界面布局文件显示相应的显示界面，按照显示控件和布局参数，在相应位置显示相应规格大小的界面元素，其中，所述界面布局文件中预先编写有所述显示控件和所述布局参数；

文字显示模块，用于按照所述用户选择的所述目标语言，调取相应的语言翻译文件，并将其中所述目标语言对应的语言文本添加到所述显示界面中。

9.一种终端设备，其特征在于，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如权利要求1至7任一项所述界面显示方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述界面显示方法的步骤。