本发明专利技术提供一种用户界面代码生成方法、装置、电子设备及存储介质，获取多张目标用户界面图；针对每张目标用户界面图，采用预设的训练至收敛的检测识别模型，对所述目标用户界面图中的目标元素及界面边界进行检测和识别，以获得目标元素信息及界面边界信息；根据所述目标元素信息及界面边界信息确定各目标用户界面图之间的界面跳转关系信息；根据所述目标元素信息以及所述界面跳转关系信息生成对应的目标代码。本发明专利技术方案能够根据目标用户界面图自动生成目标元素代码以及跳转关系用户界面代码，缩短了用户界面代码的开发周期，提高了用户界面代码的开发生成效率。用户界面代码的开发生成效率。用户界面代码的开发生成效率。
【技术实现步骤摘要】
用户界面代码生成方法、装置、电子设备及存储介质
[0001]本专利技术涉及互联网
，尤其涉及一种用户界面代码生成方法、装置、电子设备及存储介质。
技术介绍
[0002]随着互联网的发展，产生了大量带有用户界面的互联网产品，例如各种电子设备应用程序。为满足市场需求，互联网产品的迭代开发速度越来越快，给互联网从业人员带来了巨大的挑战。
[0003]目前普遍采用算法识别互联网产品用户界面图中的界面元素信息，并根据界面元素信息生成界面元素代码，产品设计人员与开发人员进行沟通以确定界面跳转关系。
[0004]但是，现有方法无法自动生成界面跳转关系代码，需要通过沟通说明的方式确定界面跳转关系，并人工编写界面跳转关系代码，严重影响了用户界面代码的生成效率。
技术实现思路
[0005]本专利技术提供一种用户界面代码生成方法、装置、电子设备及存储介质，解决了用户界面代码无法全部自动生成的问题，提高了用户界面代码的生成效率。
[0006]第一方面，本专利技术提供一种用户界面代码生成方法，包括：
[0007]获取多张目标用户界面图；
[0008]针对每张目标用户界面图，采用预设的训练至收敛的检测识别模型，对所述目标用户界面图中的目标元素及界面边界进行检测和识别，以获得目标元素信息及界面边界信息；
[0009]根据所述目标元素信息及界面边界信息确定各目标用户界面图之间的界面跳转关系信息；
[0010]根据所述目标元素信息以及所述界面跳转关系信息生成对应的目标代码。
[0011]可选的，所述目标元素信息包括：目标元素颜色信息，所述界面边界信息包括：界面边界颜色信息；
[0012]所述根据所述目标元素信息及界面边界信息确定各目标用户界面图之间的界面跳转关系信息，包括：
[0013]根据所述目标元素颜色信息及界面边界颜色信息确定各目标用户界面图之间的界面跳转关系信息。
[0014]进一步的，所述根据所述目标元素颜色信息及界面边界颜色信息确定各目标用户界面图之间的界面跳转关系信息，包括：
[0015]将任意一张目标用户界面图中的目标元素颜色信息与其他至少一张目标用户界面图中的存在界面边界的界面边界颜色信息进行匹配；
[0016]若确定某张目标用户界面图中的目标元素颜色信息与其他某张目标用户界面图中的界面边界颜色信息相匹配，则确定该两张目标用户界面图之间存在跳转关系信息；
[0017]获取该两张目标用户界面图的标识信息，以及目标元素的标识信息；
[0018]根据该两张目标用户界面图的标识信息，以及目标元素的标识信息构建界面跳转关系信息。
[0019]可选的，所述针对每张目标用户界面图，采用预设的训练至收敛的检测识别模型，对所述目标用户界面图中的目标元素及界面边界进行检测和识别，以获得目标元素信息及界面边界信息，包括：
[0020]将每张目标界面图输入至预设的第一训练至收敛的元素检测识别模型中，通过所述第一训练至收敛的元素检测识别模型对所述目标用户界面图中的目标元素进行检测和识别，输出目标元素信息；
[0021]将每张目标界面图输入至预设的第二训练至收敛的边界检测识别模型中，通过所述第二训练至收敛的边界检测识别模型对所述目标用户界面图中的界面边界进行检测和识别，输出界面边界信息。
[0022]进一步的，所述第一训练至收敛的元素检测识别模型包括第一训练至收敛的元素检测识别子模型及第二训练至收敛的元素检测识别子模型；
[0023]所述将每张目标界面图输入至预设的第一训练至收敛的元素检测识别模型中，通过所述第一训练至收敛的元素检测识别模型对所述目标用户界面图中的目标元素进行检测和识别，输出目标元素信息，包括：
[0024]将每张目标界面图输入至第一训练至收敛的元素检测识别子模型中，通过所述第一训练至收敛的元素检测识别子模型对所述目标用户界面图中的目标元素的类型及位置进行检测和识别，输出目标元素的类型信息及目标元素的位置信息；
[0025]将所述目标元素的类型信息及目标元素的位置信息输入至第二训练至收敛的元素检测识别子模型，通过所述第二训练至收敛的元素检测识别子模型对所述目标元素的颜色进行识别，输出目标元素的颜色信息。
[0026]可选的，所述第一训练至收敛的元素检测识别子模型为YOLOv3模型。
[0027]进一步的，所述将每张目标界面图输入至预设的第二训练至收敛的边界检测识别模型中，通过所述第二训练至收敛的边界检测识别模型对所述目标用户界面图中的界面边界进行检测和识别，输出界面边界信息，包括：
[0028]将每张目标界面图输入至预设的第二训练至收敛的边界检测识别模型中，通过所述第二训练至收敛的边界检测识别模型对目标用户界面图中的界面边界进行检测；
[0029]若确定目标用户界面图中存在界面边界，则对所述界面边界的颜色进行识别，输出所述界面边界的颜色。
[0030]进一步地，所述目标代码包括：目标元素代码和跳转关系代码；
[0031]所述根据所述目标元素信息以及所述界面跳转关系信息生成对应的目标代码，包括：
[0032]根据所述目标元素的类型信息及目标元素的位置信息生成目标元素代码；
[0033]根据所述界面跳转关系信息生成对应目标元素与跳转到的目标用户界面的跳转关系代码。
[0034]可选的，所述获取多张目标用户界面图，包括：
[0035]获取用户绘制的多张待处理用户界面图；
[0036]根据待处理用户界面图与所述目标用户界面图间的缩放比例，对所述待处理用户界面图进行缩放处理，以获得多张目标用户界面图。
[0037]第二方面，本专利技术提供一种用户界面代码生成装置，包括：
[0038]获取单元，用于获取多张目标用户界面图；
[0039]检测识别单元，用于针对每张目标用户界面图，采用预设的训练至收敛的检测识别模型，对所述目标用户界面图中的目标元素及界面边界进行检测和识别，以获得目标元素信息及界面边界信息；
[0040]确定单元，用于根据所述目标元素信息及界面边界信息确定各目标用户界面图之间的界面跳转关系信息；
[0041]生成单元，用于根据所述目标元素信息以及所述界面跳转关系信息生成对应的目标代码。
[0042]可选的，所述确定单元，具体用于：
[0043]根据所述目标元素颜色信息及界面边界颜色信息确定各目标用户界面图之间的界面跳转关系信息。
[0044]进一步的，所述确定单元，具体还用于：
[0045]将任意一张目标用户界面图中的目标元素颜色信息与其他至少一张目标用户界面图中的存在界面边界的界面边界颜色信息进行匹配；
[0046]若确定某张目标用户界面图中的目标元素颜色信息与其他某张目标用户界面图中的界面边界颜色信息相匹配，则确定该两张目标用户界面图之间存在跳转关系信息；
[0047]获取该两张目标用户界面图的标识信息，以及目标元素的标本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种用户界面代码生成方法，其特征在于，包括：获取多张目标用户界面图；针对每张目标用户界面图，采用预设的训练至收敛的检测识别模型，对所述目标用户界面图中的目标元素及界面边界进行检测和识别，以获得目标元素信息及界面边界信息；根据所述目标元素信息及界面边界信息确定各目标用户界面图之间的界面跳转关系信息；根据所述目标元素信息以及所述界面跳转关系信息生成对应的目标代码。2.根据权利要求1所述的方法，其特征在于，所述目标元素信息包括：目标元素颜色信息，所述界面边界信息包括：界面边界颜色信息；所述根据所述目标元素信息及界面边界信息确定各目标用户界面图之间的界面跳转关系信息，包括：根据所述目标元素颜色信息及界面边界颜色信息确定各目标用户界面图之间的界面跳转关系信息。3.根据权利要求2所述的方法，其特征在于，所述根据所述目标元素颜色信息及界面边界颜色信息确定各目标用户界面图之间的界面跳转关系信息，包括：将任意一张目标用户界面图中的目标元素颜色信息与其他至少一张目标用户界面图中的存在界面边界的界面边界颜色信息进行匹配；若确定某张目标用户界面图中的目标元素颜色信息与其他某张目标用户界面图中的界面边界颜色信息相匹配，则确定该两张目标用户界面图之间存在跳转关系信息；获取该两张目标用户界面图的标识信息，以及目标元素的标识信息；根据该两张目标用户界面图的标识信息，以及目标元素的标识信息构建界面跳转关系信息。4.根据权利要求1所述的方法，其特征在于，所述针对每张目标用户界面图，采用预设的训练至收敛的检测识别模型，对所述目标用户界面图中的目标元素及界面边界进行检测和识别，以获得目标元素信息及界面边界信息，包括：将每张目标界面图输入至预设的第一训练至收敛的元素检测识别模型中，通过所述第一训练至收敛的元素检测识别模型对所述目标用户界面图中的目标元素进行检测和识别，输出目标元素信息；将每张目标界面图输入至预设的第二训练至收敛的边界检测识别模型中，通过所述第二训练至收敛的边界检测识别模型对所述目标用户界面图中的界面边界进行检测和识别，输出界面边界信息。5.根据权利要求4所述的方法，其特征在于，所述第一训练至收敛的元素检测识别模型包括第一训练至收敛的元素检测识别子模型及第二训练至收敛的元素检测识别子模型；所述将每张目标界面图输入至预设的第一训练至收敛的元素检测识别模型中，通过所述第一训练至收敛的元素检测识别模型对所述目标用户界面图中的目标元素进行检测和识别，输出目标元素信息，包括：将每张目标界面图输入至第一训练至收敛的元素检测识别子模型中，通过所述第一训练至收敛的元素检测识别子模型对所述目标用户界面图中的目标元素的类型及位置进行检测和识别，输出目标元素的类型信息及目标元素的位置信息；
将所述目标元素的类型信息及目标元素的位置...
【专利技术属性】
技术研发人员：孙贵轩，李阳，吴冰冰，何中诚，朱润亚，谢云龙，李大中，宋雨伦，
申请(专利权)人：联通大数据有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。