[发明专利]一种页面图片的显示方法和显示装置在审
申请号: | 201911235026.3 | 申请日: | 2019-12-05 |
公开(公告)号: | CN113032696A | 公开(公告)日: | 2021-06-25 |
发明(设计)人: | 向守来 | 申请(专利权)人: | 北京沃东天骏信息技术有限公司;北京京东世纪贸易有限公司 |
主分类号: | G06F16/957 | 分类号: | G06F16/957;G06F16/958;G06F9/451;G06F9/445 |
代理公司: | 中原信达知识产权代理有限责任公司 11219 | 代理人: | 王安娜;陈继越 |
地址: | 100176 北京市北京经济技术*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 页面 图片 显示 方法 显示装置 | ||
1.一种页面图片的显示方法,其特征在于,包括:
确定页面中位于当前可视区的可视占位图元素;
获取所述可视占位图元素的逻辑分辨率以及屏幕倍率;
根据所述逻辑分辨率和所述屏幕倍率计算所述可视占位图元素对应的页面图片的显示分辨率;
基于所述显示分辨率修改所述可视占位图元素的图片路径,以对所述页面图片进行加载显示。
2.根据权利要求1所述的方法,其特征在于,确定页面中位于当前可视区的可视占位图元素,包括:
获取页面中的占位图元素,并设置所述占位图元素的图片标签;其中,所述图片标签包括占位图路径和图片路径;
获取所述页面中当前可视区的可视区上边距和可视区高度,并基于所述可视区上边距和所述可视区高度计算所述当前可视区的可视区下边距;
获取所述图片路径为非空值的所述占位图元素的图元素上边距;
基于所述图元素上边距、所述可视区上边距和所述可视区下边距筛选出位于所述当前可视区的可视占位图元素。
3.根据权利要求2所述的方法,其特征在于,所述逻辑分辨率包括逻辑像素宽和逻辑像素高,所述显示分辨率包括显示像素宽和显示像素高,以及
根据所述逻辑分辨率和所述屏幕倍率计算所述可视占位图元素对应的页面图片的显示分辨率,包括:
根据所述可视占位图元素的图片路径获取所述可视占位图元素对应的页面图片;
将所述逻辑像素宽与所述屏幕倍率相乘,得到所述页面图片的所述显示像素宽;
将所述逻辑像素高与所述屏幕倍率相乘,得到所述页面图片的所述显示像素高。
4.根据权利要求3所述的方法,其特征在于,基于所述显示分辨率修改所述可视占位图元素的图片路径,包括:
确定所述可视占位图元素的图片路径的尺寸位置;
基于所述显示像素宽和所述显示像素高修改所述尺寸位置的值。
5.根据权利要求3所述的方法,其特征在于,基于所述显示分辨率修改所述可视占位图元素的图片路径之后,还包括:
生成图片测试对象,将所述可视占位图元素的图片路径设置为所述图片测试对象的测试路径;
按所述测试路径加载所述图片测试对象;
若加载成功,则保存所述可视占位图元素的图片路径;
若加载失败,则将所述可视占位图元素的图片路径更改为所述可视占位图元素的占位图路径。
6.一种页面图片的显示装置,其特征在于,包括:
确定模块,用于确定页面中位于当前可视区的可视占位图元素;
获取模块,用于获取所述可视占位图元素的逻辑分辨率以及屏幕倍率;
计算模块,用于根据所述逻辑分辨率和所述屏幕倍率计算所述可视占位图元素对应的页面图片的显示分辨率;
修改模块,用于基于所述显示分辨率修改所述可视占位图元素的图片路径,以对所述页面图片进行加载显示。
7.根据权利要求6所述的显示装置,其特征在于,所述确定模块还用于:
获取页面中的占位图元素,并设置所述占位图元素的图片标签;其中,所述图片标签包括占位图路径和图片路径;
获取所述页面中当前可视区的可视区上边距和可视区高度,并基于所述可视区上边距和所述可视区高度计算所述当前可视区的可视区下边距;
获取所述图片路径为非空值的所述占位图元素的图元素上边距;
基于所述图元素上边距、所述可视区上边距和所述可视区下边距筛选出位于所述当前可视区的可视占位图元素。
8.根据权利要求7所述的显示装置,其特征在于,所述逻辑分辨率包括逻辑像素宽和逻辑像素高,所述显示分辨率包括显示像素宽和显示像素高,以及
所述计算模块还用于:
根据所述可视占位图元素的图片路径获取所述可视占位图元素对应的页面图片;
将所述逻辑像素宽与所述屏幕倍率相乘,得到所述页面图片的所述显示像素宽;
将所述逻辑像素高与所述屏幕倍率相乘,得到所述页面图片的所述显示像素高。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京沃东天骏信息技术有限公司;北京京东世纪贸易有限公司,未经北京沃东天骏信息技术有限公司;北京京东世纪贸易有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201911235026.3/1.html,转载请声明来源钻瓜专利网。
- 上一篇:一种大数据处理平台配置的自动优化方法
- 下一篇:一种灯具