(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 20221073273 3.9 (22)申请日 2022.06.27 (71)申请人 北京尽微 致广信息技 术有限公司 地址 100102 北京市朝阳区阜通 东大街1号 院5号楼2单元42层324201室 (72)发明人 徐洋　陈俊伟　王磊　 (74)专利代理 机构 北京万思博知识产权代理有 限公司 1 1694 专利代理师 刘冀 (51)Int.Cl. G06F 8/38(2018.01) G06F 8/34(2018.01) G06F 9/451(2018.01) (54)发明名称 界面生成方法、 装置以及存 储介质 (57)摘要 本申请公开了一种界面生 成方法、 装置以及 存储介质， 涉及信息技术领域。 其中， 一种界面生 成方法， 包括： 获取与界面设计稿中的图层相关 的资源图层列表， 其中资源图层列表用于记录图 层的属性信息； 通过预设的目标检测模型根据资 源图层列表对界面设计稿进行目标识别， 得到多 个目标元素； 以及根据多个目标元素进行布局， 生成目标界面。 解决了 现有技术中存在的根据小 图层进行布局而造成的冗余结构的技 术问题。 权利要求书2页 说明书9页 附图6页 CN 114816410 A 2022.07.29 CN 114816410 A 1.一种界面 生成方法， 其特 征在于， 包括： 获取与界面设计稿中的图层相关的资源图层列表， 其中所述资源图层列表用于记录所 述图层的属性信息； 通过预设的目标检测模型根据 所述资源图层列表对所述界面设计稿进行目标识别， 得 到多个目标 元素； 以及 根据所述多个目标 元素进行布局， 生成目标界面。 2.根据权利要求1所述的方法， 其特征在于， 通过预设的目标检测模型根据所述资源图 层列表对所述界面设计稿进行目标识别， 得到多个目标 元素的操作， 包括： 对所述界面设计稿进行目标识别， 得到前 景元素与背景 元素； 根据所述资源图层列表分别对所述前景元素和背景元素进行区域划分， 得到组成所述 前景元素和背景 元素的多个子元 素； 以及 将存在同一个区域的多个子元 素进行合并处 理， 得到所述多个目标 元素。 3.根据权利要求2所述的方法， 其特征在于， 根据 所述资源图层列表分别对所述前景元 素和背景元素进行区域划分， 得到组成所述前景元素和背景元素 的多个子元素 的操作， 包 括： 根据资源图层列表和所述前景元素和背景元素的位置及大小， 将所述前景元素和背景 元素分别进行区域划分， 得到多个区域； 以及 根据所述资源图层列表和多个区域的位置及大小， 确定各个区域中的子元 素。 4.根据权利要求2所述的方法， 其特征在于， 将存在同一个区域的多个子元素进行合并 处理， 得到所述多个目标 元素的操作， 包括： 对所述多个子元 素进行筛 选， 确定所述多个子元 素的图层类型； 以及 将图层类型为文字 图层的子元素滤除， 对剩余的子元素进行合并处理， 得到所述多个 目标元素。 5.根据权利要求1所述的方法， 其特征在于， 根据所述多个目标元素进行布局， 生成目 标界面的操作， 包括： 根据所述多个目标元素的位置信息， 将所述多个目标元素进行横向排列和纵向排列， 其中所述多个目标 元素为不可分割的最小单 元； 以及 通过预设的代码生成工具， 根据布局后的多个目标 元素， 生成所述目标界面。 6.一种存储介质， 其特征在于， 所述存储介质包括存储的程序， 其中， 在所述程序运行 时由处理器执行权利要求1至 5中任意一项所述的方法。 7.一种界面 生成装置， 其特 征在于， 包括： 列表获取模块， 用于获取与界面设计稿中的图层相关的资源图层列表， 其中所述资源 图层列表用于记录所述图层的属性信息； 目标识别模块， 用于通过预设的目标检测模型根据 所述资源图层列表对所述界面设计 稿进行目标识别， 得到多个目标 元素； 以及 界面生成模块， 用于根据所述多个目标 元素进行布局， 生成目标界面。 8.根据权利要求7所述的装置， 其特征在于， 通过预设的目标检测模型根据所述资源图 层列表对所述界面设计稿进行目标识别， 得到多个目标 元素的操作， 包括： 目标识别子模块， 用于对所述界面设计稿进行目标识别， 得到前 景元素与背景 元素；权　利　要　求　书 1/2 页 2 CN 114816410 A 2区域划分子模块， 用于根据 所述资源图层列表分别对所述前景元素和背景元素进行区 域划分， 得到组成所述前 景元素和背景 元素的多个子元 素； 以及 合并子模块， 用于将存在同一个区域的多个子元素进行合并处理， 得到所述多个目标 元素。 9.根据权利要求8所述的装置， 其特征在于， 根据 所述资源图层列表分别对所述前景元 素和背景元素进行区域划分， 得到组成所述前景元素和背景元素 的多个子元素 的操作， 包 括： 区域划分单元， 用于根据资源图层列表和所述前景元素和背景元素的位置及大小， 将 所述前景元素和背景 元素分别进行区域划分， 得到多个区域； 以及 第一确定单元， 用于根据所述资源图层列表和多个区域的位置及大小， 确定各个区域 中的子元 素。 10.一种界面 生成装置， 其特 征在于， 包括： 处理器； 以及 存储器， 与所述处 理器连接， 用于为所述处 理器提供处 理以下处 理步骤的指令： 获取与界面设计稿中的图层相关的资源图层列表， 其中所述资源图层列表用于记录所 述图层的属性信息； 通过预设的目标检测模型根据 所述资源图层列表对所述界面设计稿进行目标识别， 得 到多个目标 元素； 以及 根据所述多个目标 元素进行布局， 生成目标界面。权　利　要　求　书 2/2 页 3 CN 114816410 A 3