CN117785201B - 基于位置识别记录的组件界面绘制方法和系统 - Google Patents

Abstract

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

Description

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

技术领域

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

背景技术

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

发明内容

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

附图说明

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

图1为本发明提供的基于位置识别记录的组件界面绘制方法的流程示意图；

图2为本发明提供的基于位置识别记录的组件界面绘制系统的框架示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

参阅图1，为本发明实施例提供的基于位置识别记录的组件界面绘制方法的流程示意图。该基于位置识别记录的组件界面绘制方法包括：

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

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

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

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

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

优选地，在该步骤S1中，对来自用户端的组件界面构建请求进行分析，得到该用户端期望构建的组件界面的背景特征信息和组件布局特征信息；基于该背景特征信息，从组件界面图层库中选择相应的界面背景图层，包括：

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

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

在上述技术方案中，当用户端需要对同一批次的若干应用程序分别构建组件界面时，该用户端先根据其中一个应用程序的组件界面构建需求生成相应的组件界面构建请求，再对该组件界面构建请求进行解析处理，得到该用户端针对该应用程序期望构建的组件界面的背景视觉特征关键词（比如背景色度和/或纹理等特征关键词）和组件界面功能关键词（比如组件界面能够实现的应用程序功能等关键词），以此分别作为该背景特征信息和该组件布局特征信息，从而对期望构建的组件界面的背景部分和组件类型进行准确的识别标定。将该背景视觉特征关键词与组件界面图层库的组件界面图层视觉特征关键词目录进行语义对比，得到与该背景视觉特征关键词具有最大语义相似度的组件界面图层视觉特征关键词，从而将该具有最大语义相似度的组件界面图层视觉特征关键词对应的界面背景图层作为最终选择的界面背景图层，这样能够保证界面背景图层的选择准确性。

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

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

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

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

在上述技术方案中，将该组件界面功能关键词与组件图形库包含的所有组件图形进行对比，确定能够实现相应组件界面功能的若干组件图形。再基于筛选得到的所有组件图形各自的图形色度信息和该界面背景图层的色度分布信息，确定筛选得到的所有组件图形在该界面背景图层的初始布局位置，使得将某一组件图形设置在该界面背景图层的初始布局位置时，该组件图形的色度与该界面背景图层在该初始布局位置对应的背景图层色度之间存在较大的差异，避免该组件图形与该背景图层之间因色度过于相似而无法正常辨别。此外还对该初始组件界面进行组件图形分布密度分析，得到该初始组件界面的组件图形分布密度，以该组件图形分布密度为基准，对该初始组件界面进行适应性的组件图形间距增大处理，从而避免初始组件界面上的组件图形分布过于密集而影响组件界面的视觉观感。

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

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

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

在上述技术方案中，对该最终组件界面上的所有组件图形进行图形边界位置识别，得到所有组件图形各自在该界面背景图层上的位置信息，再基于该位置信息和所有组件图形的图形类型属性信息，生成相应的组件界面绘制模板，这样该组件界面绘制模板能够用于同一批次的其他应用程序进行组件界面构建的模板，从而不需要针对同一批次的其他应用程序重新进行界面背景图层和组件图形的选择，减少组件界面绘制构建的工作量。

优选地，在该步骤S4中，从该绘制模板库调取匹配的组件界面绘制模板，基于调取的组件界面绘制模板的允许布局组件图形，从组件图形库中选择相应的组件图形；再基于调取的组件界面绘制模板的组件图形允许布局位置信息，将选择的组件图形布局在该组件界面绘制模板上，包括：

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

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

在上述技术方案中，从该绘制模板库调取匹配的组件界面绘制模板，基于调取的组件界面绘制模板包括的映射关系对应的组件图形的图形类型属性信息，确定调取的组件界面绘制模板的允许布局组件图形的图形类型属性信息，以此从组件图形库中选择相应的组件图形；再基于调取的组件界面绘制模板包括的映射关系对应的组件图形的位置信息，确定调取的组件界面绘制模板的组件图形允许布局位置信息，以此将选择的组件图形布局在该组件界面绘制模板上，这样能够快速准确绘制构建合适的组件界面以供其他应用程序使用。

参阅图2，为本发明实施例提供的基于位置识别记录的组件界面绘制系统的框架示意图。该基于位置识别记录的组件界面绘制系统包括：

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

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

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

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

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

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

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

优选地，该组件界面构建请求分析模块用于对来自用户端的组件界面构建请求进行分析，得到该用户端期望构建的组件界面的背景特征信息和组件布局特征信息，包括：

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

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

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

在上述技术方案中，当用户端需要对同一批次的若干应用程序分别构建组件界面时，该用户端先根据其中一个应用程序的组件界面构建需求生成相应的组件界面构建请求，再对该组件界面构建请求进行解析处理，得到该用户端针对该应用程序期望构建的组件界面的背景视觉特征关键词（比如背景色度和/或纹理等特征关键词）和组件界面功能关键词（比如组件界面能够实现的应用程序功能等关键词），以此分别作为该背景特征信息和该组件布局特征信息，从而对期望构建的组件界面的背景部分和组件类型进行准确的识别标定。将该背景视觉特征关键词与组件界面图层库的组件界面图层视觉特征关键词目录进行语义对比，得到与该背景视觉特征关键词具有最大语义相似度的组件界面图层视觉特征关键词，从而将该具有最大语义相似度的组件界面图层视觉特征关键词对应的界面背景图层作为最终选择的界面背景图层，这样能够保证界面背景图层的选择准确性。

优选地，该组件图形筛选模块用于基于该组件布局特征信息，从组件图形库中筛选得到若干组件图形，包括：

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

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

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

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

在上述技术方案中，将该组件界面功能关键词与组件图形库包含的所有组件图形进行对比，确定能够实现相应组件界面功能的若干组件图形。再基于筛选得到的所有组件图形各自的图形色度信息和该界面背景图层的色度分布信息，确定筛选得到的所有组件图形在该界面背景图层的初始布局位置，使得将某一组件图形设置在该界面背景图层的初始布局位置时，该组件图形的色度与该界面背景图层在该初始布局位置对应的背景图层色度之间存在较大的差异，避免该组件图形与该背景图层之间因色度过于相似而无法正常辨别。此外还对该初始组件界面进行组件图形分布密度分析，得到该初始组件界面的组件图形分布密度，以该组件图形分布密度为基准，对该初始组件界面进行适应性的组件图形间距增大处理，从而避免初始组件界面上的组件图形分布过于密集而影响组件界面的视觉观感。

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

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

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

在上述技术方案中，对该最终组件界面上的所有组件图形进行图形边界位置识别，得到所有组件图形各自在该界面背景图层上的位置信息，再基于该位置信息和所有组件图形的图形类型属性信息，生成相应的组件界面绘制模板，这样该组件界面绘制模板能够用于同一批次的其他应用程序进行组件界面构建的模板，从而不需要针对同一批次的其他应用程序重新进行界面背景图层和组件图形的选择，减少组件界面绘制构建的工作量。

优选地，该组件界面绘制执行模块用于从该绘制模板库调取匹配的组件界面绘制模板，基于调取的组件界面绘制模板的允许布局组件图形，从组件图形库中选择相应的组件图形；再基于调取的组件界面绘制模板的组件图形允许布局位置信息，将选择的组件图形布局在该组件界面绘制模板上，包括：

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

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

在上述技术方案中，从该绘制模板库调取匹配的组件界面绘制模板，基于调取的组件界面绘制模板包括的映射关系对应的组件图形的图形类型属性信息，确定调取的组件界面绘制模板的允许布局组件图形的图形类型属性信息，以此从组件图形库中选择相应的组件图形；再基于调取的组件界面绘制模板包括的映射关系对应的组件图形的位置信息，确定调取的组件界面绘制模板的组件图形允许布局位置信息，以此将选择的组件图形布局在该组件界面绘制模板上，这样能够快速准确绘制构建合适的组件界面以供其他应用程序使用。

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

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (6)

1.基于位置识别记录的组件界面绘制方法，其特征在于，其包括如下步骤：

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

步骤S2，基于所述组件布局特征信息，从组件图形库中筛选得到若干组件图形；将筛选得到的所有组件图形布局设置在所述界面背景图层，得到初始组件界面；基于所述初始组件界面的界面视觉特征信息，对所述初始组件界面进行组件图形调整处理，得到最终组件界面，包括基于所述组件界面功能关键词，对组件图形库包含的所有组件图形进行组件功能筛选，得到能够实现相应组件界面功能的若干组件图形；基于筛选得到的所有组件图形各自的图形色度信息和所述界面背景图层的色度分布信息，确定筛选得到的所有组件图形在所述界面背景图层的初始布局位置；再基于所述初始布局位置，将筛选得到的所有组件图形布局设置在所述界面背景图层，得到初始组件界面；对所述初始组件界面进行组件图形分布密度分析，得到所述初始组件界面的组件图形分布密度；若所述组件图形分布密度小于或等于预设密度阈值，则将所述初始组件界面直接作为最终组件界面；若所述组件图形分布密度大于预设密度阈值，则对所述初始组件界面进行组件图形间距增大处理，得到最终组件界面；

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

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

2.如权利要求1所述的基于位置识别记录的组件界面绘制方法，其特征在于：

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

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

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

3.如权利要求1所述的基于位置识别记录的组件界面绘制方法，其特征在于：

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

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

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

4.基于位置识别记录的组件界面绘制系统，其特征在于，包括：

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

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

组件图形筛选模块，用于基于所述组件布局特征信息，从组件图形库中筛选得到若干组件图形，包括基于所述组件界面功能关键词，对组件图形库包含的所有组件图形进行组件功能筛选，得到能够实现相应组件界面功能的若干组件图形；

组件界面构建模块，用于将筛选得到的所有组件图形布局设置在所述界面背景图层，得到初始组件界面；基于所述初始组件界面的界面视觉特征信息，对所述初始组件界面进行组件图形调整处理，得到最终组件界面，包括基于筛选得到的所有组件图形各自的图形色度信息和所述界面背景图层的色度分布信息，确定筛选得到的所有组件图形在所述界面背景图层的初始布局位置；再基于所述初始布局位置，将筛选得到的所有组件图形布局设置在所述界面背景图层，得到初始组件界面；对所述初始组件界面进行组件图形分布密度分析，得到所述初始组件界面的组件图形分布密度；若所述组件图形分布密度小于或等于预设密度阈值，则将所述初始组件界面直接作为最终组件界面；若所述组件图形分布密度大于预设密度阈值，则对所述初始组件界面进行组件图形间距增大处理，得到最终组件界面；

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

组件界面绘制执行模块，用于从所述绘制模板库调取匹配的组件界面绘制模板，基于调取的组件界面绘制模板的允许布局组件图形，从组件图形库中选择相应的组件图形；再基于调取的组件界面绘制模板的组件图形允许布局位置信息，将选择的组件图形布局在所述组件界面绘制模板上，包括从所述绘制模板库调取匹配的组件界面绘制模板，基于调取的组件界面绘制模板包括的映射关系对应的组件图形的图形类型属性信息，确定调取的组件界面绘制模板的允许布局组件图形的图形类型属性信息，以此从组件图形库中选择相应的组件图形；基于调取的组件界面绘制模板包括的映射关系对应的组件图形的位置信息，确定调取的组件界面绘制模板的组件图形允许布局位置信息，以此将选择的组件图形布局在所述组件界面绘制模板上。

5.如权利要求4所述的基于位置识别记录的组件界面绘制系统，其特征在于：

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

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

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

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

6.如权利要求4所述的基于位置识别记录的组件界面绘制系统，其特征在于：

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

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

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