CN107992304B

CN107992304B - 一种生成显示界面的方法和装置

Info

Publication number: CN107992304B
Application number: CN201711479773.2A
Authority: CN
Inventors: 李纪文
Original assignee: Beijing China Tsp Technology Co ltd
Current assignee: Beijing China Tsp Technology Co ltd
Priority date: 2017-12-29
Filing date: 2017-12-29
Publication date: 2021-01-08
Anticipated expiration: 2037-12-29
Also published as: CN107992304A

Abstract

本申请提供了一种生成显示界面的方法和装置，包括：根据目标显示界面中控件的属性和所述目标显示界面中所述控件的的布局，生成对应目标显示界面的配置文件；利用预先设置的代码生成工具对所述配置文件进行代码编辑，将所述控件的属性对应的代码段设置为待编辑代码段；选取目标用户界面UI框架，获取所述目标UI框架对应的函数库；从获取的函数库中，查询得到所述待编辑代码段中所述控件对应的控件函数；利用查询得到的控件函数对应的代码段更新所述待编辑代码段，得到目标显示界面代码段；运行所述目标显示界面代码段以生成目标显示界面。

Description

一种生成显示界面的方法和装置

技术领域

本申请涉及通信技术领域，具体而言，涉及一种生成显示界面的方法和装置。

背景技术

在车载人机交互技术(Human Machine Interface，HMI)开发中，存在着Qt、Wince、Mini Gui、Crank StoryBoard、Kanzi或者各个企业自开发的UI框架等多种多样的UI框架。在实际应用中，往往需要根据产品搭载的芯片性能、HMI功能需求、UI框架的性能、软件授权的成本等因素，综合考虑选择某一种UI框架，开发对于不同的人机交互产品，如，手机、虚拟仪表、行车记录仪、智能座舱等，由于产品提供的服务功能不同，导致研发人员在设计产品时，会根据产品中处理芯片的性能、人机交互功能的需求、UI框架的性能、软件授权的成本等，选择适合当前产品的UI框架，由于不同的UI框架需要调用不用的接口，因此在研发不同的产品，导致研发难度比较大。

发明内容

有鉴于此，本申请的目的在于提供一种生成显示界面的方法和装置。

第一方面，本申请实施例提供了一种生成显示界面的方法，该方法包括：

根据目标显示界面中控件的属性和所述目标显示界面中所述控件的的布局，生成对应目标显示界面的配置文件；

利用预先设置的代码生成工具对所述配置文件进行代码编辑，将所述控件的属性对应的代码段设置为待编辑代码段；

选取目标用户界面UI框架，获取所述目标UI框架对应的函数库；

从获取的函数库中，查询得到所述待编辑代码段中所述控件对应的控件函数；

利用查询得到的控件函数对应的代码段更新所述待编辑代码段，得到目标显示界面代码段；

运行所述目标显示界面代码段以生成目标显示界面。

可选地，所述目标显示界面中包括至少一个控件，每个控件对应一个待编辑代码段。

可选地，所述待编辑代码段包括代码体，所述利用查询得到的控件函数对应的代码段更新所述待编辑代码段，得到目标显示界面代码段，包括：

利用查询到的空间函数对应的代码段替换所述待编辑代码段中的代码体，得到所述目标显示界面代码段。

可选地，所述配置文件的格式包括可扩展标记语言格式和超文本标记语言格式。

可选地，所述调用函数包括控件函数、布局函数和事件函数。

可选地，所述目标显示界面中的控件包括列表控件、按钮控件、对话框控件、图片框控件、文本框控件和提示框控件。

第二方面，本申请实施例提供了一种生成显示界面的装置，该装置包括：

生成模块，用于根据目标显示界面中控件的属性和所述目标显示界面中所述控件的布局，生成对应目标显示界面的配置文件；

编辑模块，用于利用预先设置的代码生成工具对所述配置文件进行代码编辑，将所述控件的属性对应的代码段设置为待编辑代码段；

获取模块，用于选取目标用户界面UI框架，获取所述目标UI框架对应的函数库；

查询模块，用于从获取的函数库中，查询得到所述待编辑代码段中所述控件对应的控件函数；

更新模块，用于利用查询得到的控件函数对应的代码段更新所述待编辑代码段，得到目标显示界面代码段；

运行模块，用于运行所述目标显示界面代码段以生成目标显示界面。

本申请实施例提供的生成显示界面的方法和装置，根据目标显示界面的布局和所述目标显示界面中控件的属性，生成对应目标显示界面的配置文件，从获取的目标UI框架对应的函数库中，查询得到待编辑代码段中控件对应的控件函数，利用查询得到的控件函数对应的代码段更新所述待编辑代码段，运行得到目标显示界面代码段，得到目标显示界面，可以快速适配各种UI框架，节约人力成本，并且在对多种UI框架进行选择时，试验论证也会更加方便、可靠。

为使本申请的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本申请实施例提供的一种生成显示界面的方法的流程示意图；

图2为本申请实施例提供的一种生成配置文件的示意图；

图3为本申请实施例提供的一种业务逻辑和数据模型分层显示的示意图；

图4为本申请实施例提供的一种生成显示界面的装置的结构示意图；

图5为本申请实施例提供的一种计算设备的结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。

本申请实施例提供一种生成显示界面的方法，如图1所示，该方法包括：

S101，根据目标显示界面中控件的属性和所述目标显示界面中所述控件的的布局，生成对应目标显示界面的配置文件；

具体地，目标显示界面可以是但不限于导航仪中的显示界面、计算设备中的显示界面等，目标显示界面的布局以及目标显示界面中控件的设置一般根据显示上述目标显示界面的设备的显示屏的大小确定，目标显示界面中的空间的数目、大小等同样根据设备的显示屏的大小确定，控件的属性可以是空间的长宽信息、颜色等，如，对于屏幕选用1920x720像素的12.3寸显示屏与屏幕选用800x480像素的7寸显示屏，目标显示界面的布局以及目标显示界面中控件的属性均不相同。

其中，目标显示界面中的控件包括列表控件、按钮控件、对话框控件、图片框控件、文本框控件和提示框控件等，配置文件的格式包括可扩展标记语言(XML)格式、超文本标记语言(HTML)格式、初始化文件(Initialization File，.ini)格式等，本申请对此不予限制。

在具体实施中，通过PC辅助工具设置目标显示界面中的各个抽象的控件，如图2所示，如，列表、按钮、对话框、图片框、文本框、编辑框、提示框等，可以根据显示屏的大小，拖曳、调整各个控件，目标显示界面的布局也可以在上述PC辅助工具中实现，生产xml配置文件，xml配置文件中包括控件的位置、长宽、颜色、ID等信息。

XML配置文件中的部分内容示例如下：

S102，利用预先设置的代码生成工具对所述配置文件进行代码编辑，将所述控件的属性对应的代码段设置为待编辑代码段；

具体地，代码生成工具可以是PC辅助工具等，本申请对此不予限制。

这里，通过代码生产工具生成对应控件的属性的待编辑代码段，在现有技术中已有详细的介绍，此处不再进行过多说明。

例如，通过PC辅助工具，将文本空间拖拽到目标显示界面的左上角，拖拽宽高分别为200像素和30像素，定义名字为LeftText，文字内容为“Hello World！”

代码如下：

Class LeftText：public ITextEditControl

{

Virtual void SetTextContent(const std::string&text)

{

/******************************

请补充具体实现

*******************************/

}；

Virtual void setPosition(const int x,const int y,const int height,const int width)

{

/******************************

请补充具体实现

*******************************/

}；

Private:

/******************************

请补充具体实现

*******************************/

}

Void main()

{

LeftText*mLeftText＝new LeftText()；

if(nullptr！＝mLeftText)

{

mLeftText->SetTextContent(“Hello World！”)；

mLeftText->setPosition(0,0,30,100)；

}

S103，选取目标用户界面UI框架，获取所述目标UI框架对应的函数库。

具体地，用户界面(User Interface，UI)框架可以是但不限于Qt、Wince、MiniGui、Crank StoryBoard、Kanzi等，本申请对此不予限制；每个UI框架对应有相应的函数库。

以QT框架为例，函数库中的文本空间函数代码如下：

S104，从获取的函数库中，查询得到所述待编辑代码段中所述控件对应的控件函数；

S105，利用查询得到的控件函数对应的代码段更新所述待编辑代码段，得到目标显示界面代码段。

同样以文本控件为例进行说明，相关人员只需修改LeftText类里面的“请补充实现”的代码块即可，目标显示界面代码段如下：

Class LeftText：public ITextEditControl

{

Virtual void SetTextContent(const std::string&text)

{

/******************************

mTextEdit.setPlainText(QString(QString::fromLocal8Bit(text.c_str())))；

*******************************/

}；

{

/******************************

mTextEdit.setGeometry(QRect(x,y,width,height))；

*******************************/

}；

Private:

/******************************

QTextEdit mTextEdit；

*******************************/

}

S106，运行所述目标显示界面代码段以生成目标显示界面

在一个实施例中，不同的UI框架中包括有部分相同的业务逻辑和数据模型，参考图3，业务逻辑和数据模型可以存储在平台层(Unchanged Layer)，包括controller、Datamodel、IPC context等，对于不同的UI框架中的业务逻辑和数据模型大约有90％上的业务逻辑和数据模型是相同的，相关人员在进行研发时，可以根据实际产品使用的UI框架的差异，完成剩余大约10％的业务逻辑和数据模型的开发。

不同UI框架中不同的业务逻辑和数据模型一般存放在适配层(Adaptor Layer)，适配层还包括事件适配(Event Adaptor)和视图适配(View Adaptor)。

例如，项目1：要求功能丰富，用户对界面切换、响应、动画效果要求高，选用1920x720像素的12.3寸显示屏，通过Kanzi UI框架实现；项目2：用户对成本敏感，对界面要求相对较低，选用800x480像素的7寸显示屏，通过QT UI框架实现。

对于项目1和项目2，由于不同的UI框架对应的目标显示界面的界面分辨率和目标显示界面中控件形态、位置是不一样的，开发人员根据目标显示界面的不同需求，在PC辅助工具上分别拖拽摆放项目1中不同的内置控件(如列表、按钮、对话框、图片框、文本框、编辑框、提示框等)，生成文配置文件，配合代码生产工具，自动生成抽象代码。生成项目1的配置文件后，可通过PC辅助工具加载项目1的配置文件，适应调整项目1与项目2中目标显示界面中不同显示位置及大小的控件，生成项目2的配置文件。

随后，通过Kanzi UI框架提供的开发工具中的函数库，如，API函数接口，对项目1对应的待编辑代码段进行更新，得到对应项目1的目标显示界面代码段；通过QT UI框架提供的开发工具中的函数库，对项目2对应的待编辑代码段进行更新，得到对应项目2的目标显示界面代码段。

在本申请中，仅仅使用UI框架的UI渲染、控件实现、事件分发功能；具体的业务逻辑和数据模型基于自己搭建的不变平台实现。层级上分为适配层和不变的平台层，平台层是车载HMI***的业务逻辑层和数据模型层，是软件***的核心。平台层是基于各种UI框架无关的技术搭建而成，可以基于开源的、稳定的模块之上搭建，比如boost、poco、curl、icu等。

本申请实施例提供了一种生成显示界面的装置，如图4所示，该装置包括：

生成模块41，用于根据目标显示界面中控件的属性和所述目标显示界面中所述控件的布局，生成对应目标显示界面的配置文件；

编辑模块42，用于利用预先设置的代码生成工具对所述配置文件进行代码编辑，其中，将所述控件的属性对应的代码段设置为待编辑代码段；

获取模块43，用于选取目标用户界面UI框架，获取所述目标UI框架对应的函数库；

查询模块44，用于从获取的函数库中，查询得到所述待编辑代码段中所述控件对应的控件函数；

更新模块45，用于利用查询得到的控件函数对应的代码段更新所述待编辑代码段，得到目标显示界面代码段；

运行模块46，用于运行所述目标显示界面代码段以生成目标显示界面。

可选地，所述待编辑代码段包括代码体，所述更新模块45具体用于：

对应于图1中的生成显示界面的方法，本发明实施例还提供了一种计算机设备，如图5所示，该设备包括存储器1000、处理器2000及存储在该存储器1000上并可在该处理器2000上运行的计算机程序，其中，上述处理器2000执行上述计算机程序时实现上述生成显示界面的方法的步骤。

具体地，上述存储器1000和处理器2000能够为通用的存储器和处理器，这里不做具体限定，当处理器2000运行存储器1000存储的计算机程序时，能够执行上述生成显示界面的方法，根据目标显示界面的布局和所述目标显示界面中控件的属性，生成对应目标显示界面的配置文件，从获取的目标UI框架对应的函数库中，查询得到待编辑代码段中控件对应的控件函数，利用查询得到的控件函数对应的代码段更新所述待编辑代码段，运行得到目标显示界面代码段，得到目标显示界面，可以快速适配各种UI框架，节约人力成本，并且在对多种UI框架进行选择时，试验论证也会更加方便、可靠。

对应于图1中的生成显示界面的方法，本发明实施例还提供了一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述生成显示界面的方法的步骤。

具体地，该存储介质能够为通用的存储介质，如移动磁盘、硬盘等，该存储介质上的计算机程序被运行时，能够执行上述生成显示界面的方法，根据目标显示界面的布局和所述目标显示界面中控件的属性，生成对应目标显示界面的配置文件，从获取的目标UI框架对应的函数库中，查询得到待编辑代码段中控件对应的控件函数，利用查询得到的控件函数对应的代码段更新所述待编辑代码段，运行得到目标显示界面代码段，得到目标显示界面，可以快速适配各种UI框架，节约人力成本，并且在对多种UI框架进行选择时，试验论证也会更加方便、可靠。

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

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请提供的实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释，此外，术语“第一”、“第二”、“第三”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

最后应说明的是：以上所述实施例，仅为本申请的具体实施方式，用以说明本申请的技术方案，而非对其限制，本申请的保护范围并不局限于此，尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本申请实施例技术方案的精神和范围。都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应所述以权利要求的保护范围为准。

Claims

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

根据目标显示界面中控件的属性和所述目标显示界面中所述控件的布局，生成对应目标显示界面的配置文件，所述控件的属性包括控件的长宽信息和颜色；

选取目标用户界面UI框架，获取所述目标UI框架对应的函数库；其中，所述目标UI框架至少包括Qt框架、Wince框架、Mini Gui框架、CrankStoryBoard框架和Kanzi框架；

运行所述目标显示界面代码段以生成目标显示界面。

2.如权利要求1所述的方法，其特征在于，所述目标显示界面中包括至少一个控件，每个控件对应一个待编辑代码段。

3.如权利要求1所述的方法，其特征在于，所述待编辑代码段包括代码体，所述利用查询得到的控件函数对应的代码段更新所述待编辑代码段，得到目标显示界面代码段，包括：

4.如权利要求1所述的方法，其特征在于，所述配置文件的格式包括可扩展标记语言格式和超文本标记语言格式。

5.如权利要求1所述的方法，其特征在于，所述目标显示界面中的控件包括列表控件、按钮控件、对话框控件、图片框控件、文本框控件和提示框控件。

6.一种生成显示界面的装置，其特征在于，该装置包括：

生成模块，用于根据目标显示界面中控件的属性和所述目标显示界面中所述控件的布局，生成对应目标显示界面的配置文件，所述控件的属性包括控件的长宽信息和颜色；

获取模块，用于选取目标用户界面UI框架，获取所述目标UI框架对应的函数库；其中，所述目标UI框架至少包括Qt框架、Wince框架、Mini Gui框架、CrankStoryBoard框架和Kanzi框架；

7.如权利要求6所述的装置，其特征在于，所述配置文件的格式包括可扩展标记语言格式和超文本标记语言格式。

8.如权利要求6所述的装置，其特征在于，所述目标显示界面中的控件包括列表控件、按钮控件、对话框控件、图片框控件、文本框控件和提示框控件。