显示界面处理方法、装置、电子设备和存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113703622A(43)申请公布日2021.11.26(21)申请号202110368441.7(22)申请日2021.04.06(71)申请人腾讯科技（深圳）有限公司地址518057广东省深圳市南山区高新区科技中一路腾讯大厦35层(72)发明人孙笑(74)专利代理机构深圳翼盛智成知识产权事务所(普通合伙)44300代理人李汉亮(51)Int.Cl.G06F3/0481(2013.01)G06F3/0484(2013.01)G06F3/0485(2013.01)G06F3/0488(2013.01)权利要求书3页说明书20页附图8页(54)发明名称显示界面处理方法、装置、电子设备和存储介质(57)摘要本申请公开了一种显示界面处理方法、装置、电子设备和存储介质；通过显示目标设计图对应的显示界面、以及操作控件，所述显示界面包括至少一个显示元素；响应于针对操作控件的第一操作，在显示界面上叠加显示参考图像，使得所述参考图像与所述显示界面的边界对齐，所述参考图像为根据所述显示界面的属性信息对目标设计图进行调整后得到的图像；基于所述参考图像对所述显示界面中的显示元素的位置进行检测，在显示界面上显示检测结果，检测结果包括显示界面中的显示元素相对于所述参考图像的位置差异信息。方案可以有效提高显示界面处理的准确性。可应用的领域包括但不限于地图、交通、社交、游戏、新闻、医疗、教育、会议等领域。CN113703622ACN113703622A权利要求书1/3页1.一种显示界面处理方法，其特征在于，包括：显示目标设计图对应的显示界面、以及操作控件，所述显示界面包括至少一个显示元素；响应于针对所述操作控件的第一操作，在所述显示界面上叠加显示参考图像，使得所述参考图像与所述显示界面的边界对齐，所述参考图像为根据所述显示界面的属性信息对目标设计图进行调整后得到的图像；基于所述参考图像对所述显示界面中的显示元素的位置进行检测，并在所述显示界面上显示检测结果，所述检测结果包括所述显示界面中的显示元素相对于所述参考图像的位置差异信息。2.根据权利要求1所述的方法，其特征在于，所述显示界面的属性信息包括所述显示界面的屏幕分辨率，所述响应于针对所述操作控件的第一操作，在所述显示界面上叠加显示参考图像，包括：响应于针对所述操作控件的第一操作，获取所述显示界面的屏幕分辨率；基于所述显示界面的屏幕分辨率，利用动态适配规则对目标设计图进行调整，得到参考图像；在所述显示界面上叠加显示所述参考图像。3.根据权利要求2所述的方法，其特征在于，所述基于所述显示界面的屏幕分辨率，利用动态适配规则对目标设计图进行调整，得到参考图像，包括：基于所述显示界面的屏幕分辨率，利用动态适配规则对目标设计图进行调整，得到调整后设计图；若所述调整后设计图与所述显示界面的边界未完全对齐，则响应于针对所述调整后设计图的拉伸操作，生成拉伸后设计图；当所述拉伸后设计图与所述显示界面的边界完全对齐时，将所述拉伸后设计图作为参考图像；若所述调整后设计图与所述显示界面的边界完全对齐，则将所述调整后设计图作为参考图像。4.根据权利要求3所述的方法，其特征在于，所述拉伸操作包括触控操作和移动操作，所述响应于针对所述调整后设计图的拉伸操作，生成拉伸后设计图，包括：响应于针对所述调整后设计图的触控操作，获取所述触控操作对应的触控点在所述显示界面的第一坐标值；响应于针对所述调整后设计图的移动操作，获取所述移动操作停止时移动操作对应的移动点在所述显示界面的第二坐标值；基于所述第一坐标值和所述第二坐标值对所述调整后设计图进行拉伸，得到拉伸后设计图。5.根据权利要求1至4任一项所述的方法，其特征在于，所述基于所述参考图像对所述显示界面中的显示元素的位置进行检测，并在所述显示界面上显示检测结果，包括：根据所述显示界面生成显示图像；分别确定所述显示元素在所述显示图像和参考图像上的位置，得到所述显示元素的第一位置信息和第二位置信息；2CN113703622A权利要求书2/3页计算所述显示元素的第一位置信息和第二位置信息之间差异，得到所述显示界面中的显示元素相对于所述参考图像的位置差异信息；在所述显示界面上对所述位置差异信息进行标记。6.根据权利要求5所述的方法，其特征在于，所述分别确定所述显示元素在所述显示图像和参考图像上的位置，得到所述显示元素的第一位置信息和第二位置信息，包括：分别识别所述显示元素在所述显示图像中对应的边缘直线组、以及所述显示元素在所述参考图像中对应的边缘直线组，得到第一边缘直线组和第二边缘直线组；分别确定所述第一边缘直线组在所述显示图像中的位置信息、以及述第二边缘直线组在所述参考图像中的位置信息，得到所述第一边缘直线组的第一位置信息