(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210373965.X (22)申请日 2022.04.11 (71)申请人 北京字节跳动网络技 术有限公司 地址 100041 北京市石景山区实兴大街3 0 号院3号楼 2层B-0035房间 (72)发明人 杨健　 (74)专利代理 机构 北京中知法苑知识产权代理 有限公司 1 1226 专利代理师 李明 (51)Int.Cl. G06F 8/38(2018.01) G06F 9/451(2018.01) (54)发明名称 一种界面组件识别方法、 装置、 计算机设备 以及存储介质 (57)摘要 本公开提供了一种界面组件识别方法、 装 置、 计算机设备以及存储介质， 其中， 该方法包 括： 获取U I界面设计稿中的至少一个界面组件的 组件属性信息； 基于所述组件属性信息确定每个 所述界面组件的组件类型， 得到至少一个组件类 型， 并确定每个所述组件类型所对应的组件识别 模式； 基于所述组件识别模式在相对应的界面组 件中识别目标界面组件； 其中， 所述目标界面组 件为所属于对应组件类型的界面组件中渲染结 果未展示在所述UI界面设计稿上的界面组件。 权利要求书2页 说明书16页 附图3页 CN 114721654 A 2022.07.08 CN 114721654 A 1.一种界面组件识别方法， 其特 征在于， 包括： 获取UI界面设计稿中的至少一个界面组件的组件属性信息； 基于所述组件属性信息确定每个所述界面组件的组件类型， 得到至少一个组件类型， 并确定每 个所述组件类型 所对应的组件识别模式； 基于所述组件识别模式在相对应的界面组件中识别目标界面组件； 其中， 所述目标界 面组件为所属于对应组件类型 的界面组件中渲染结果未展示在所述UI界面设计稿上 的界 面组件。 2.根据权利要求1所述的方法， 其特征在于， 所述基于所述组件识别模式在相对应的界 面组件中识别目标界面组件， 包括： 在所述界面组件的组件类型为第 一类型组件的情况下， 基于所述组件属性信 息获取该 界面组件的预设层级关系； 其中， 所述第一类型组件用于指示该界面组件包含对应组件结 构信息； 基于所述预设层级关系确定该界面组件所对应的渲染范围中是否包 含上层界面组件； 在确定该界面组件所对应的渲染范围中不包含所述上层界面组件的情况下， 将所述界 面组件确定为目标界面组件。 3.根据权利要求2所述的方法， 其特 征在于， 所述方法还 包括： 在所述界面组件所对应的渲染范围中不包含上层界面组件的情况下， 基于所述组件属 性信息确定所述界面组件的组件类型 是否为第一预设子类型； 在所述界面组件的组件类型不是第 一预设子类型的情况下， 将所述界面组件确定为目 标界面组件。 4.根据权利要求1所述的方法， 其特征在于， 所述基于所述组件识别模式在相对应的界 面组件中识别目标界面组件， 包括： 在所述界面组件的组件类型为第 一类型组件的情况下， 基于所述组件属性信 息确定所 述界面组件是否为第二预设子类型； 其中， 所述第一类型组件用于指示该界面组件包含对 应组件结构信息； 在所述界面组件为第 二预设子类型的情况下， 基于所述组件属性信 息确定所述界面组 件的组件尺寸信息和预设层级关系； 在所述界面组件的组件尺寸信 息不满足预设尺寸要求， 且基于所述预设层级关系确定 所述界面组件不包 含下层界面组件的情况 下， 将所述界面组件确定为目标界面组件。 5.根据权利要求1所述的方法， 其特征在于， 基于所述组件识别模式在相对应的界面组 件中识别目标界面组件， 包括： 在所述界面组件的组件类型为第 二类型组件的情况下， 获取基于所述组件属性信 息确 定的所述界面组件的可视 设置信息； 所述可视 设置信息包括以下至少之一： 组件尺寸信息、 透明度信息、 隐藏信息； 其中， 所述第二类型组件用于指示该界面组件包含对应组件渲 染信 息； 确定所述可视设置信息是否满足设置要求； 在确定所述可视设置信 息不满足设置要求的情况下， 将所述界面组件确定为目标界面 组件。 6.根据权利要求1所述的方法， 其特征在于， 所述基于所述组件识别模式在相对应的界权　利　要　求　书 1/2 页 2 CN 114721654 A 2面组件中识别目标界面组件， 包括： 在所述界面组件的组件类型为第 二类型组件的情况下， 基于所述组件属性信 息确定所 述界面组件的组件子类型， 并确定所述组件子类型所对应的组件子识别模式； 其中， 所述第 二类型组件用于指示该界面组件 包含对应组件渲染信息； 在确定所述界面组件不满足所述组件子识别模式所对应的识别条件的情况下， 将所述 界面组件确定为目标界面组件。 7.根据权利要求1所述的方法， 其特征在于， 所述基于所述组件识别模式在相对应的界 面组件中识别目标界面组件， 包括： 在所述界面组件的组件类型为第 二类型组件的情况下， 确定所述界面组件的相邻界面 组件； 其中， 所述第二类型组件用于指示该界面组件 包含对应组件渲染信息； 确定所述界面组件和所述相邻界面组件之间的相交类型； 所述相交类型包括第 一相交 类型和第二相交类型； 在所述相交类型为第一相交类型的情况下， 获取所述界面组件的预设层级关系， 并基 于所述层级关系确定所述界面组件和所述相邻界面组件之间的覆盖关系； 基于所述覆盖关系确定所述界面组件和所述相邻界面组件之间的被遮盖界面组件， 并 将所述被遮盖界面组件确定为目标界面组件。 8.根据权利要求7 所述的方法， 其特 征在于， 所述方法还 包括： 在所述相交类型为第 二相交类型的情况下， 确定所述界面组件和所述相邻界面组件之 间的相交面积数据； 确定所述相交面积数据是否满足相交面积要求； 在确定所述相交面积数据不满足相交面积要求的情况下， 获取所述界面组件的预设层 级关系， 并基于所述层级关系确定所述界面组件和所述相邻界面组件之间的覆盖关系； 基于所述覆盖关系确定所述界面组价和所述相邻界面组件之中的被遮盖界面组件， 并 将所述被遮盖界面组件确定为目标界面组件。 9.一种界面组件识别装置， 其特 征在于， 包括： 获取单元， 用于获取UI界面设计稿中的至少一个界面组件的组件属性信息； 确定单元， 用于基于所述组件属性信息确定每个所述界面组件的组件类型， 得到至少 一个组件类型， 并确定每 个所述组件类型 所对应的组件识别模式； 识别单元， 用于基于所述组件识别模式在相对应的界面组件中识别目标界面组件； 其 中， 所述目标界面组件为所属于对应组件类型的界面组件中渲染结果未展示在所述UI界面 设计稿上的界面组件。 10.一种计算机设备， 其特征在于， 包括： 处理器、 存储器和总线， 所述存储器存储有所 述处理器可执行 的机器可读指令， 当计算机设备运行时， 所述处理器与所述存储器之间通 过总线通信， 所述机器可读指 令被所述处理器执行时执行如权利要求 1至8任意一项 所述的 界面组件识别方法的步骤。 11.一种计算机可读存储介质， 其特征在于， 该计算机可读存储介质上存储有计算机程 序， 该计算机程序被处理器运行时执行如权利要求1至8任意一项 所述的界面组件识别方法 的步骤。权　利　要　求　书 2/2 页 3 CN 114721654 A 3