[发明专利]用户界面处理方法、用户界面处理系统、设备及存储介质

说明书

本公开提供了一种用户界面处理方法、用户界面处理系统、电子设备及计算机可读存储介质，属于计算机技术领域。该方法包括：响应于接收可视化编辑界面中的编辑操作，获取编辑后得到的目标用户界面的用户界面信息；解析所述用户界面信息中各个控件的标签信息，确定所述各个控件的类型；根据所述各个控件的类型与属性信息，生成所述各个控件对应的控件代码；基于所述控件代码，得到所述用户界面信息对应的可视化加载文件。本公开可以提高用户界面的开发和维护效率。

技术领域

本公开涉及计算机技术领域，尤其涉及一种用户界面处理方法、用户界面处理系统、电子设备及计算机可读存储介质。

背景技术

用户界面是计算机系统和用户之间进行交互和信息交换的媒介，实现了信息的内部形式与用户可以接收形式之间的转换。基于用户界面，用户可以方便、有效对硬件进行操作，以达成双向交互。为了丰富软件功能，给用户提供丰富的交互体验，开发人员常常需要开发或维护多样化的交互界面。

在对用户界面进行开发或维护等处理时，现有技术通常是直接在当前业务模块中编写相应的用户界面代码，其中，各类控件的位置关系及大小等参数也是通过用户界面函数库中的参数进行调整。然而使用这种处理方法，在实现初期，需要耗费大量的时间对整个用户界面的布局以及控件进行编码；且当需要对其进行修改或维护时，往往是通过修改用户界面代码，重新运行，并根据呈现效果进行逐步调整的方式，开发效率较低且不利于维护。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

本公开提供了一种用户界面处理方法、用户界面处理系统、电子设备及计算机可读存储介质，进而至少在一定程度上克服现有技术中用户界面处理方法效率低的问题。

本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。

根据本公开的第一方面，提供一种用户界面处理方法，包括：响应于接收可视化编辑界面中的编辑操作，获取编辑后得到的目标用户界面的用户界面信息；解析所述用户界面信息中各个控件的标签信息，确定所述各个控件的类型；根据所述各个控件的类型与属性信息，生成所述各个控件对应的控件代码；基于所述控件代码，得到所述用户界面信息对应的可视化加载文件。

在本公开的一种示例性实施例中，所述获取编辑后得到的目标用户界面的用户界面信息，包括：将编辑后的所述目标用户界面保存为第一格式的用户界面信息；将按所述第一格式的用户界面信息转换为第二格式的用户界面信息；其中，所述第二格式为所述目标用户界面的开发工程所兼容的数据格式。

在本公开的一种示例性实施例中，所述解析所述用户界面信息中各个控件的标签信息，确定所述各个控件的类型，包括：将所述用户界面信息解析为树结构，遍历所述树结构，得到所述用户界面信息中每个控件所包含的一个或多个标签；通过将所述每个控件所包含的一个或多个标签与已知控件的标签组合进行匹配，确定所述每个控件的类型。

在本公开的一种示例性实施例中，所述控件代码包括第一部分代码与第二部分代码；所述根据所述各个控件的类型与属性信息，生成所述各个控件对应的控件代码，包括：根据所述每个控件的类型，生成所述每个控件对应的第一部分代码；根据所述每个控件的属性信息，生成所述每个控件对应的第二部分代码。

在本公开的一种示例性实施例中，所述基于所述控件代码，得到所述用户界面信息对应的可视化加载文件，包括：基于所述控件代码与所述用户界面信息中的美术资源信息，生成所述可视化加载文件。

在本公开的一种示例性实施例中，所述方法还包括：将所述可视化加载文件添加至所述目标用户界面的开发工程；在所述开发工程中加载所述可视化加载文件，以在所述可视化编辑界面中显示所述目标用户界面。