(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210182046.4 (22)申请日 2022.02.25 (71)申请人 网易(杭州)网络有限公司 地址 310000 浙江省杭州市滨江区长河街 道网商路59 9号4幢7层 (72)发明人 曹颖　 (74)专利代理 机构 北京博浩百 睿知识产权代理 有限责任公司 1 1134 专利代理师 赵昀彬　谢湘宁 (51)Int.Cl. G06T 7/11(2017.01) G06T 7/62(2017.01) G06T 7/70(2017.01) G06T 7/90(2017.01) G06T 11/40(2006.01)G06F 9/451(2018.01) (54)发明名称 界面显示的方法及装置 (57)摘要 本发明公开了一种界面显示的方法及 装置。 其中， 通过终端设备的屏幕提供图形用户界面， 该方法包括： 获取屏幕可视区域的第一面积， 以 及待显示的图形用户界面的第二面积， 第一面积 由第一宽度和第一高度组成， 第二面积由第二宽 度和第二高度组成； 当第一宽度大于第二宽度， 或当第一高度大于第二高度时， 对屏幕的目标区 域进行切割， 得到多个待填充区域， 目标区域用 于表征图形用户界面显示于屏幕的中心位置时， 图形用户界面的边缘至可视区域的边缘的区域； 确定每个待填充区域对应的填充图像； 将填充图 像和图形用户界面进行组合， 生成目标图像； 通 过屏幕显示目标图像。 本发明解决了现有的界面 显示的方法的视觉效果差， 不适用于通屏界面的 技术问题。 权利要求书2页 说明书11页 附图6页 CN 114677382 A 2022.06.28 CN 114677382 A 1.一种界面显示的方法， 其特征在于， 通过终端设备的屏幕提供图形用户界面， 所述方 法包括： 获取所述屏幕可视区域的第 一面积， 以及待显示的图形用户界面的第 二面积， 其中， 所 述第一面积由第一宽度和第一高度组成， 所述第二 面积由第二宽度和第二高度组成； 当所述第一宽度大于所述第二宽度， 或当所述第一高度大于所述第二高度时， 对所述 屏幕的目标区域进 行切割， 得到多个待填充区域， 其中， 所述目标区域用于表征所述图形用 户界面显示于所述屏幕的中心位置时， 所述图形用户界面的边缘至所述可视区域的边缘的 区域； 确定每个所述待填充区域对应的填充图像； 将所述填充图像和所述图形用户界面进行组合， 生成目标图像； 通过所述屏幕显示所述目标图像。 2.根据权利要求1所述的方法， 其特征在于， 对所述屏幕的目标区域进行切割， 得到所 述多个待填充区域包括： 当所述第一高度大于所述第二高度时， 在垂直方向上对所述目标区域进行切割， 得到 上方区域和下 方区域； 当所述第一宽度大于所述第二宽度时， 在水平方向上对所述目标区域进行切割， 得到 左侧区域和右侧区域。 3.根据权利要求1所述的方法， 其特征在于， 所述确定每个所述待填充区域对应的填充 图像， 包括： 获取每个所述待填充区域相对于所述图形用户界面的相对位置； 基于所述相对位置， 确定所述填充图像， 其中， 所述填充图像包括如下至少之一： 预设 颜色的色块和预设元 素。 4.根据权利要求3所述的方法， 其特征在于， 基于所述相对位置， 确定所述填充图像， 包 括： 在所述相对位置为第 一预设位置的情况下， 确定所述填充图像包括所述预设颜色的色 块； 在所述相对位置为第 二预设位置的情况下， 确定所述填充图像包括所述预设颜色的色 块， 并基于相应的待填充区域的第三高度和所述预设元素 的第四高度的比较结果， 确定所 述填充图像是否包括所述预设元 素。 5.根据权利要求4所述的方法， 其特征在于， 基于相应的待填充区域的第 三高度和所述 预设元素的第四高度的比较结果， 确定所述 填充图像是否包括所述预设元 素包括： 在所述比较结果为所述第 三高度大于所述第四高度的情况下， 确定所述填充图像包括 所述预设元 素； 在所述比较结果为所述第 三高度小于或等于所述第四高度， 确定所述填充图像不包括 所述预设元 素。 6.根据权利要求3至5中任意一项所述的方法， 其特征在于， 所述预设元素的显示区域 与所述图形用户界面存在部分重叠， 且， 所述预设元素 的图层位于所述预设颜色的色块的 图层的上 方。 7.根据权利要求1所述的方法， 其特征在于， 将所述填充图像和所述图形用户界面进行权　利　要　求　书 1/2 页 2 CN 114677382 A 2组合， 生成目标图像包括： 对所述填充图像进行拉伸， 得到拉伸后的图像， 其中， 所述拉伸后的图像的面积与对应 的待填充区域的面积相同； 基于每个所述待填充区域相对于所述图形用户界面的相对位置， 确定所述拉伸后的图 像和所述图形用户界面分别对应的目标图层； 按照所述目标图层将所述拉伸后的图像与 所述图形用户界面进行叠加， 生成所述目标 图像。 8.一种界面显示的装置， 其特征在于， 通过终端设备的屏幕提供图形用户界面， 所述装 置包括： 获取模块， 用于获取所述屏幕可视区域的第一面积， 以及待显示的图形用户界面的第 二面积， 其中， 所述第一面积由第一宽度和 第一高度组成， 所述第二面积由第二宽度和第二 高度组成； 切割模块， 用于当所述第一宽度大于所述第二宽度， 或当所述第一高度大于所述第二 高度时， 对所述屏幕的目标区域进行切割， 得到多个待填充区域， 其中， 所述目标区域用于 表征所述图形用户界面显示于所述屏幕的中心 位置时， 所述图形用户界面的边缘至所述可 视区域的边 缘的区域； 确定模块， 用于确定每 个待填充区域对应的填充图像； 组合模块， 用于将所述 填充图像和所述图形用户界面进行组合， 生成目标图像； 显示模块， 用于通过 所述屏幕显示所述目标图像。 9.一种非易失性存储介质， 其特征在于， 所述非易失性存储介质中存储有计算机程序， 其中， 所述计算机程序被设置为运行时执行所述权利要求 1至8任一项中所述的界面显示的 方法。 10.一种处理器， 其特征在于， 所述处理器用于运行程序， 其中， 所述程序被设置为运行 时执行所述权利要求1至7任一项中所述的界面显示的方法。 11.一种电子装置， 包括存储器和 处理器， 其特征在于， 所述存储器中存储有计算机程 序， 所述处理器被设置为运行所述计算机程序以执行所述权利要求 1至7任一项中所述的界 面显示的方法。权　利　要　求　书 2/2 页 3 CN 114677382 A 3