【技术实现步骤摘要】
本专利技术涉及计算机界面的，特别涉及基于位置识别记录的组件界面绘制方法和系统。
技术介绍
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、组件界面构建模块，用于将筛选得到的所有组件图形布局设置在所本文档来自技高网...
【技术保护点】
1.基于位置识别记录的组件界面绘制方法，其特征在于，其包括如下步骤：
2.如权利要求1所述的基于位置识别记录的组件界面绘制方法，其特征在于：
3.如权利要求2所述的基于位置识别记录的组件界面绘制方法，其特征在于：
4.如权利要求1所述的基于位置识别记录的组件界面绘制方法，其特征在于：
5.如权利要求4所述的基于位置识别记录的组件界面绘制方法，其特征在于：
6.基于位置识别记录的组件界面绘制系统，其特征在于，包括：
7.如权利要求6所述的基于位置识别记录的组件界面绘制系统，其特征在于：
8.如权利要求7所述的基于位置识别记录的组件界面绘制系统，其特征在于：
9.如权利要求6所述的基于位置识别记录的组件界面绘制系统，其特征在于：
10.如权利要求9所述的基于位置识别记录的组件界面绘制系统，其特征在于：
【技术特征摘要】
1.基于位置识别记录的组件界面绘制方法，其特征在于，其包括如下步骤：
2.如权利要求1所述的基于位置识别记录的组件界面绘制方法，其特征在于：
3.如权利要求2所述的基于位置识别记录的组件界面绘制方法，其特征在于：
4.如权利要求1所述的基于位置识别记录的组件界面绘制方法，其特征在于：
5.如权利要求4所述的基于位置识别记录的组件界面绘制方法，其特征在于：
【专利技术属性】
技术研发人员：樊骥，韩洋，钟采奕，李牧，朱谨颋，
申请(专利权)人：成都中科合迅科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。