嵌入式终端的用户界面的绘制方法、系统和电子设备与流程

本公开涉及嵌入式终端，特别涉及一种嵌入式终端的用户界面的绘制方法、系统和电子设备。

背景技术：

1、随着物联网的发展，对于嵌入式设备能够显示复杂、多样化的用户界面的需求越来越高。像linux、android这类资源相对丰富操作系统，提供了一套完整的第三方应用管理机制，使第三方开发者可以自由使用功能强大的gui库的开发不同样式的界面风格提供给用户；但对于无操作系统或者使用实时操作系统(real time operating system，简称rtos)这类资源受限的嵌入式设备，一般使用qt的qtcreator、nxp的gui guider等跨平台的用户界面应用程序框架，在主芯片或者模拟器直接构建用户界面。但对于第三方开发者而言，无法与主芯片直接交互(设备厂商为了限制子应用的大小，防止资源的浪费，通常将公用图形库封装在设备内，提供外部接口给子应用)，因此子应用无法使用qtcreator或者guiguider构建应用界面。

技术实现思路

1、本公开旨在至少解决现有技术中存在的技术问题之一，提出了一种嵌入式终端的用户界面的绘制方法、系统和电子设备。

2、第一方面，本公开实施例提供了一种嵌入式终端的用户界面的绘制方法，应用于绘制系统，所述绘制系统包括：pc终端和嵌入式终端，所述pc终端包括界面制作模块，所述嵌入式终端包括：界面管理模块和界面显示模块，所述界面显示模块内存储有嵌入式图形库；所述绘制方法包括：

3、所述界面制作模块提供单界面设计用可视化操作页面；

4、响应于用户在所述单界面设计用可视化操作页面上完成目标界面的设计，所述界面制作模块生成所述目标界面所包括的各控件所对应的控件结构体数据，并按照用户绘制控件的先后顺序对各控件的控件结构体数据进行依次排序得到控件结构体数据序列，以及根据控件结构体数据序列生成所述目标界面的界面显示用数据，所述控件结构体数据包括对应控件的属性信息；

5、所述页面管理模块获取所述界面显示用数据，并根据所述界面显示用数据获取所述目标界面所对应的控件结构体数据序列，并将所述控件结构体数据序列发送给所述界面显示模块；

6、所述界面显示模块根据所述控件结构体数据序列中的控件结构体数据来调用所述嵌入式图形系统的接口，以在所述嵌入式终端中绘制出所述目标界面。

7、在一些实施例中，所述目标界面所包括的控件包括：1个页面控件和至少1个非页面控件，所述非页面控件的控件结构体数据还包括：用于表征所述非页面控件的控件类别的字段名和字段值；

8、在所述界面制作模块按照用户绘制控件的先后顺序对各控件的控件结构体数据进行依次排序得到控件结构体数据序列的步骤之后，且在所述界面制作模块根据控件结构体数据序列生成所述目标界面的界面显示用数据的步骤之前，还包括：

9、所述界面制作模块按照用户绘制控件的先后顺序，对目标界面中的控件进行分图层处理；

10、在所述控件结构体数据序列中，所述界面制作模块对位于同一图层中具有相同类别的非页面控件的控件结构体数据进行合并处理形成对应的新控件结构体数据，所述新控件结构体数据包括：两个成员，所述两个成员中之一用于记录进行合并的非页面控件的控件类别，所述两个成员中另一用于记录进行合并的各非页面控件的属性信息。

11、在一些实施例中，所述界面制作模块根据控件结构体数据序列生成所述目标界面的界面显示用数据的步骤包括：

12、针对所述控件结构体数据序列中的每一个控件结构体数据，所述界面制作模块按照预先定义的转换规则将所述控件结构体数据内的每一个字段值依次转换为对应的十六进制数字，并根据各字段值转换得到的十六进制数字构建所述控件结构体数据所对应的十六进制转换结果；

13、所述界面制作模块将所述控件结构体数据序列中各控件结构体数据的十六进制转换结果依次排列，得到所述控件结构体数据序列的十六进制转换结果；

14、所述界面制作模块根据所述控件结构体数据序列的十六进制转换结果生成所述目标界面的界面显示用数据。

15、在一些实施例中，所述界面制作模块根据所述控件结构体数据序列的十六进制转换结果生成所述目标界面的界面显示用数据的步骤包括：

16、界面制作模块对所述控件结构体数据序列的十六进制转换结果进行无损压缩处理，无损压缩处理结果作为所述目标界面的界面显示用数据。

17、在一些实施例中，所述页面管理模块根据所述界面显示用数据获取所述目标界面所对应的控件结构体数据序列的步骤包括：

18、所述页面管理模块对所述界面显示用数据进行解压缩处理，得到所述控件结构体数据序列的十六进制转换结果；

19、所述页面管理模块按照预先定义的逆转换规则对所述控件结构体数据序列的十六进制转换结果进行逆转换处理，得到所述控件结构体数据序列所包括的各控件结构体数据内的字段值，并根据各控件结构体数据的结构体规则，还原出所述控件结构体数据序列内依次排布的各控件结构体数据。

20、在一些实施例中，所述嵌入式终端还包括：界面控制模块；

21、该绘制方法还包括：响应于用户在所述单界面设计用可视化操作页面上为所述目标界面中的目标控件配置有事件信息，所述界面制作模块所述事件信息生成所述目标事件所对应的事件处理函数和控件-事件链接信息，所述事件信息至少包括事件名，所述事件处理函数至少包括函数头，所述函数头中的函数名为对应事件信息中的事件名，所述控件-事件链接信息包括：目标控件的控件标识、触发事件时所调用事件处理函数的函数名和触发事件的事件触发代码；

22、所述页面管理模块获取界面控制用数据，并将所述界面控制用数据发送给所述界面控制模块，所述界面控制用数据包括目标界面中各控件所对应的事件处理函数和控件-事件链接信息；

23、响应于接收到目标事件触发代码，所述界面控制模块从所述界面控制用数据中查询出记载有所述目标事件触发代码的控件-事件链接信息，并从查询出的控件-事件链接信息中获取对应的事件处理函数的函数名，以及根据获取到的函数名调用相应函数。

24、在一些实施例中，该绘制方法还包括：

25、所述界面制作模块提供多界面跳转设计用可视化操作页面，所述多界面跳转设计用可视化操作页面中呈现用于表征多个目标界面的多个界面对象，所述多界面跳转设计用可视化操作页面配置有连线工具；

26、响应于用户通过连线工具在所述多界面跳转设计用可视化操作页面中绘制首尾依次连接第一界面对象和第二界面对象的第一方向连接线且将所述第一方向连接线关联所述第一界面对象中的第一事件名，所述界面制作模块根据所述第一方向连接线及其关联的第一事件名，在所述第一界面对象中函数名为所述第一事件名的事件处理函数的函数体内添加用于实现从第一界面对象所对应目标界面跳转至第二界面对象所对应目标界面的代码；

27、和/或，响应于用户通过连线工具在所述多界面跳转设计用可视化操作页面中绘制首尾均连接第三界面对象的第二方向连接线且将所述第二方向连接线关联所述第三界面对象中的第三事件名，所述界面制作模块根据所述第三方向连接线及其关联的第三事件名，在所述第三界面对象中函数名为所述第三事件名的事件处理函数的函数体内添加用于实现对所述第三界面对象所对应目标界面进行界面刷新的代码；

28、和/或，响应于用户通过连线工具在所述多界面跳转设计用可视化操作页面中绘制由非界面对象指向第四界面对象的第四方向连接线且将所述第四方向连接线关联第一回调事件名，所述界面制作模块根据所述第四方向连接线及其关联的第一回调事件名，为所述第四界面对象所对应目标界面添加对应的事件监听代码，所述事件监听代码用于在所述第四界面对象所对应目标界面接收到所述第一回调事件名时进行界面刷新。

29、在一些实施例中，所述控件的属性信息包括：

30、控件的控件标识、控件在目标界面中的宽度、控件在目标界面中的高度、控件在目标界面中的横坐标、控件在目标界面中的纵坐标和控件的控件标签。

31、第二方面，本公开实施例还提供了一种嵌入式终端的用户界面的绘制系统，其特征在于，所述绘制系统可用于实现如第一方面中提供的所述绘制方法，所述绘制系统包括：pc终端和嵌入式终端，所述pc终端包括界面制作模块，所述嵌入式终端包括：界面管理模块和界面显示模块，所述界面显示模块内存储有嵌入式图形库；

32、所述界面制作模块，配置为提供单界面设计用可视化操作页面，以及响应于用户在所述单界面设计用可视化操作页面上完成目标界面的设计，生成所述目标界面所包括的各控件所对应的控件结构体数据，并按照用户绘制控件的先后顺序对各控件的控件结构体数据进行依次排序得到控件结构体数据序列，以及根据控件结构体数据序列生成所述目标界面的界面显示用数据，所述控件结构体数据包括对应控件的属性信息；

33、所述页面管理模块，配置为获取所述界面显示用数据，并根据所述界面显示用数据获取所述目标界面所对应的控件结构体数据序列，并将所述控件结构体数据序列发送给所述界面显示模块；

34、所述界面显示模块，配置为根据所述控件结构体数据序列中的控件结构体数据来调用所述嵌入式图形系统的接口，以在所述嵌入式终端中绘制出所述目标界面。

35、第三方面，本公开实施例提供了一种电子设备，其中，包括：

36、一个或多个处理器；

37、存储器，用于存储一个或多个程序；

38、当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如第一方面中提供的所述绘制方法。