基于位置识别记录的组件界面绘制方法和系统与流程

本发明涉及计算机界面的，特别涉及基于位置识别记录的组件界面绘制方法和系统。

背景技术：

1、应用程序在运行过程中会在终端形成相应的可视化界面，可视化界面上布局有实现不同功能的组件，用户通过对可视化界面上的组件能够控制应用程序的运行状态。当前的应用程序种类较多，为了使不同应用程序具有较为独特的可视化界面，界面设计人员会根据应用程序的实际工作功能和可视化界面视觉需求，来单独设计应用程序的可视化界面，从而增加可视化界面的设计工作量。在实际设计操作中，并不需要不同应用程序的可视化界面具有完全不同的视觉布局，只需要不同应用程序的可视化界面具有一定的视觉差异即可，即可以对不同应用程序的可视化界面进行模板化设计，从而降低可视化界面的设计工作量和提高设计效率。

技术实现思路

1、针对现有技术存在的缺陷，本发明提供了基于位置识别记录的组件界面绘制方法和系统，其分析用户端的组件界面构建请求，得到期望构建的组件界面的背景特征信息和组件布局特征信息，以此选择相应的界面背景图层和若干组件图形，从而将组件图形布局在界面背景图层上并进行组件图形调整，得到最终组件界面；再对最终组件界面进行组件图形位置识别后，基于组件图形的位置信息和图形类型属性信息，生成组件界面绘制模板，以此作为后续其他组件界面构建任务的依据；基于调取组件界面绘制模板的允许布局组件图形和组件图形允许布局位置信息，将选择的组件图形布局在组件界面绘制模板上，从而优化组件界面的构建过程，降低组件界面的构建工作量和提高构建效率。

2、本发明提供基于位置识别记录的组件界面绘制方法，包括如下步骤：

3、步骤s1，对来自用户端的组件界面构建请求进行分析，得到所述用户端期望构建的组件界面的背景特征信息和组件布局特征信息；基于所述背景特征信息，从组件界面图层库中选择相应的界面背景图层；

4、步骤s2，基于所述组件布局特征信息，从组件图形库中筛选得到若干组件图形；将筛选得到的所有组件图形布局设置在所述界面背景图层，得到初始组件界面；基于所述初始组件界面的界面视觉特征信息，对所述初始组件界面进行组件图形调整处理，得到最终组件界面；

5、步骤s3，对所述最终组件界面上的所有组件图形进行位置识别，得到所有组件图形在所述界面背景图层上的位置信息；基于所述位置信息和所有组件图形的图形类型属性信息，生成相应的组件界面绘制模板，并将所述组件界面绘制模板存储于绘制模板库中；

6、步骤s4，从所述绘制模板库调取匹配的组件界面绘制模板，基于调取的组件界面绘制模板的允许布局组件图形，从组件图形库中选择相应的组件图形；再基于调取的组件界面绘制模板的组件图形允许布局位置信息，将选择的组件图形布局在所述组件界面绘制模板上。

7、在本技术公开的一个实施例中，在所述步骤s1中，对来自用户端的组件界面构建请求进行分析，得到所述用户端期望构建的组件界面的背景特征信息和组件布局特征信息；基于所述背景特征信息，从组件界面图层库中选择相应的界面背景图层，包括：

8、对来自用户端的组件界面构建请求进行解析处理，得到所述用户端的期望构建的组件界面的背景视觉特征关键词和组件界面功能关键词，以此分别作为所述背景特征信息和所述组件布局特征信息；

9、将所述背景视觉特征关键词与组件界面图层库的组件界面图层视觉特征关键词目录进行语义对比，得到与所述背景视觉特征关键词具有最大语义相似度的组件界面图层视觉特征关键词；再将所述具有最大语义相似度的组件界面图层视觉特征关键词对应的界面背景图层作为最终选择的界面背景图层。

10、在本技术公开的一个实施例中，在所述步骤s2中，基于所述组件布局特征信息，从组件图形库中筛选得到若干组件图形；将筛选得到的所有组件图形布局设置在所述界面背景图层，得到初始组件界面；基于所述初始组件界面的界面视觉特征信息，对所述初始组件界面进行组件图形调整处理，得到最终组件界面，包括：

11、基于所述组件界面功能关键词，对组件图形库包含的所有组件图形进行组件功能筛选，得到能够实现相应组件界面功能的若干组件图形；

12、基于筛选得到的所有组件图形各自的图形色度信息和所述界面背景图层的色度分布信息，确定筛选得到的所有组件图形在所述界面背景图层的初始布局位置；再基于所述初始布局位置，将筛选得到的所有组件图形布局设置在所述界面背景图层，得到初始组件界面；

13、对所述初始组件界面进行组件图形分布密度分析，得到所述初始组件界面的组件图形分布密度；若所述组件图形分布密度小于或等于预设密度阈值，则将所述初始组件界面直接作为最终组件界面；若所述组件图形分布密度大于预设密度阈值，则对所述初始组件界面进行组件图形间距增大处理，得到最终组件界面。

14、在本技术公开的一个实施例中，在所述步骤s3中，对所述最终组件界面上的所有组件图形进行位置识别，得到所有组件图形在所述界面背景图层上的位置信息；基于所述位置信息和所有组件图形的图形类型属性信息，生成相应的组件界面绘制模板，并将所述组件界面绘制模板存储于绘制模板库中，包括：

15、对所述最终组件界面上的所有组件图形进行图形边界位置识别，得到所有组件图形各自在所述界面背景图层上的位置信息；

16、基于所述位置信息和所有组件图形的图形类型属性信息，生成相应的组件界面绘制模板，并将所述组件界面绘制模板存储于绘制模板库中；其中，所述组件界面绘制模板包括界面背景图层上每个组件图形的图形类型属性信息与其位置信息之间的映射关系。

17、在本技术公开的一个实施例中，在所述步骤s4中，从所述绘制模板库调取匹配的组件界面绘制模板，基于调取的组件界面绘制模板的允许布局组件图形，从组件图形库中选择相应的组件图形；再基于调取的组件界面绘制模板的组件图形允许布局位置信息，将选择的组件图形布局在所述组件界面绘制模板上，包括：

18、从所述绘制模板库调取匹配的组件界面绘制模板，基于调取的组件界面绘制模板包括的映射关系对应的组件图形的图形类型属性信息，确定调取的组件界面绘制模板的允许布局组件图形的图形类型属性信息，以此从组件图形库中选择相应的组件图形；

19、基于调取的组件界面绘制模板包括的映射关系对应的组件图形的位置信息，确定调取的组件界面绘制模板的组件图形允许布局位置信息，以此将选择的组件图形布局在所述组件界面绘制模板上。

20、本发明还提供基于位置识别记录的组件界面绘制系统，包括：

21、组件界面构建请求分析模块，用于对来自用户端的组件界面构建请求进行分析，得到所述用户端期望构建的组件界面的背景特征信息和组件布局特征信息；

22、界面背景图层选择模块，用于基于所述背景特征信息，从组件界面图层库中选择相应的界面背景图层；

23、组件图形筛选模块，用于基于所述组件布局特征信息，从组件图形库中筛选得到若干组件图形；

24、组件界面构建模块，用于将筛选得到的所有组件图形布局设置在所述界面背景图层，得到初始组件界面；基于所述初始组件界面的界面视觉特征信息，对所述初始组件界面进行组件图形调整处理，得到最终组件界面；

25、组件界面绘制模板生成模块，用于对所述最终组件界面上的所有组件图形进行位置识别，得到所有组件图形在所述界面背景图层上的位置信息；基于所述位置信息和所有组件图形的图形类型属性信息，生成相应的组件界面绘制模板，并将所述组件界面绘制模板存储于绘制模板库中；

26、组件界面绘制执行模块，用于从所述绘制模板库调取匹配的组件界面绘制模板，基于调取的组件界面绘制模板的允许布局组件图形，从组件图形库中选择相应的组件图形；再基于调取的组件界面绘制模板的组件图形允许布局位置信息，将选择的组件图形布局在所述组件界面绘制模板上。

27、在本技术公开的一个实施例中，所述组件界面构建请求分析模块用于对来自用户端的组件界面构建请求进行分析，得到所述用户端期望构建的组件界面的背景特征信息和组件布局特征信息，包括：

28、对来自用户端的组件界面构建请求进行解析处理，得到所述用户端的期望构建的组件界面的背景视觉特征关键词和组件界面功能关键词，以此分别作为所述背景特征信息和所述组件布局特征信息；

29、所述界面背景图层选择模块用于基于所述背景特征信息，从组件界面图层库中选择相应的界面背景图层，包括：

30、将所述背景视觉特征关键词与组件界面图层库的组件界面图层视觉特征关键词目录进行语义对比，得到与所述背景视觉特征关键词具有最大语义相似度的组件界面图层视觉特征关键词；再将所述具有最大语义相似度的组件界面图层视觉特征关键词对应的界面背景图层作为最终选择的界面背景图层。

31、在本技术公开的一个实施例中，所述组件图形筛选模块用于基于所述组件布局特征信息，从组件图形库中筛选得到若干组件图形，包括：

32、基于所述组件界面功能关键词，对组件图形库包含的所有组件图形进行组件功能筛选，得到能够实现相应组件界面功能的若干组件图形；

33、所述组件界面构建模块用于将筛选得到的所有组件图形布局设置在所述界面背景图层，得到初始组件界面；基于所述初始组件界面的界面视觉特征信息，对所述初始组件界面进行组件图形调整处理，得到最终组件界面，包括：

34、基于筛选得到的所有组件图形各自的图形色度信息和所述界面背景图层的色度分布信息，确定筛选得到的所有组件图形在所述界面背景图层的初始布局位置；再基于所述初始布局位置，将筛选得到的所有组件图形布局设置在所述界面背景图层，得到初始组件界面；

35、对所述初始组件界面进行组件图形分布密度分析，得到所述初始组件界面的组件图形分布密度；若所述组件图形分布密度小于或等于预设密度阈值，则将所述初始组件界面直接作为最终组件界面；若所述组件图形分布密度大于预设密度阈值，则对所述初始组件界面进行组件图形间距增大处理，得到最终组件界面。

36、在本技术公开的一个实施例中，所述组件界面绘制模板生成模块用于对所述最终组件界面上的所有组件图形进行位置识别，得到所有组件图形在所述界面背景图层上的位置信息；基于所述位置信息和所有组件图形的图形类型属性信息，生成相应的组件界面绘制模板，并将所述组件界面绘制模板存储于绘制模板库中，包括：

37、对所述最终组件界面上的所有组件图形进行图形边界位置识别，得到所有组件图形各自在所述界面背景图层上的位置信息；

38、基于所述位置信息和所有组件图形的图形类型属性信息，生成相应的组件界面绘制模板，并将所述组件界面绘制模板存储于绘制模板库中；其中，所述组件界面绘制模板包括界面背景图层上每个组件图形的图形类型属性信息与其位置信息之间的映射关系。

39、在本技术公开的一个实施例中，所述组件界面绘制执行模块用于从所述绘制模板库调取匹配的组件界面绘制模板，基于调取的组件界面绘制模板的允许布局组件图形，从组件图形库中选择相应的组件图形；再基于调取的组件界面绘制模板的组件图形允许布局位置信息，将选择的组件图形布局在所述组件界面绘制模板上，包括：

40、从所述绘制模板库调取匹配的组件界面绘制模板，基于调取的组件界面绘制模板包括的映射关系对应的组件图形的图形类型属性信息，确定调取的组件界面绘制模板的允许布局组件图形的图形类型属性信息，以此从组件图形库中选择相应的组件图形；

41、基于调取的组件界面绘制模板包括的映射关系对应的组件图形的位置信息，确定调取的组件界面绘制模板的组件图形允许布局位置信息，以此将选择的组件图形布局在所述组件界面绘制模板上。

42、相比于现有技术，该基于位置识别记录的组件界面绘制方法和系统分析用户端的组件界面构建请求，得到期望构建的组件界面的背景特征信息和组件布局特征信息，以此选择相应的界面背景图层和若干组件图形，从而将组件图形布局在界面背景图层上并进行组件图形调整，得到最终组件界面；再对最终组件界面进行组件图形位置识别后，基于组件图形的位置信息和图形类型属性信息，生成组件界面绘制模板，以此作为后续其他组件界面构建任务的依据；基于调取组件界面绘制模板的允许布局组件图形和组件图形允许布局位置信息，将选择的组件图形布局在组件界面绘制模板上，从而优化组件界面的构建过程，降低组件界面的构建工作量和提高构建效率。

43、本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

44、下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。