页面适配的方法、装置、计算机设备和存储介质制造方法及图纸

技术编号:30052123 阅读:31 留言:0更新日期:2021-09-15 10:55
本申请涉及一种页面适配的方法、装置、计算机设备和存储介质。所述方法包括:获取待适配背景页面和待适配内容页面,待适配背景页面和待适配内容页面为预先根据待适配的原始页面拆分出的页面;获取显示屏幕的屏幕尺寸信息;根据屏幕尺寸信息对待适配背景页面进行全屏适配;根据屏幕尺寸信息以及预设的留白边距确定待适配内容页面的任意一个边的显示尺寸,根据显示尺寸对待适配内容页面进行等比例缩放适配。采用本方法能够使页面适配不同的终端屏幕,且在确保页面显示效果的情况下,减少页面资源对存储空间的占用量。面资源对存储空间的占用量。面资源对存储空间的占用量。

【技术实现步骤摘要】
页面适配的方法、装置、计算机设备和存储介质


[0001]本申请涉及移动通信
,特别是涉及一种页面适配的方法、装置、计算机设备和存储介质。

技术介绍

[0002]随着移动终端的发展,出现了各式各样的终端设备,不同品牌、不同类型的终端设备具有大小尺寸不同的显示屏幕,因此,同一个页面如何适配不同终端设备成为研究的重点。
[0003]在传统技术中,若只使用一张页面进行所有设备的适配,则通常是直接对单张页面进行拉伸或缩放,但是被直接拉伸或缩放的页面变形严重,存在显示不完整或显示效果质量差的问题。为此,传统技术也会采用针对不同终端设备分别切一张页面进行适配的方法,然而,针对不同终端设备单独做设计会导致页面资源的量过大,从而导致终端设备的存储空间被大量占用。

技术实现思路

[0004]基于此,有必要针对上述技术问题,提供一种能够适配不同终端屏幕,且在确保页面显示效果的情况下,减少页面资源对的存储空间占用量的页面适配的方法、装置、计算机设备和存储介质。
[0005]一种页面适配的方法,上述方法包括:r/>[0006]获本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面适配的方法,所述方法包括:获取待适配背景页面和待适配内容页面,所述待适配背景页面和所述待适配内容页面为预先根据待适配的原始页面拆分出的页面;获取显示屏幕的屏幕尺寸信息;根据所述屏幕尺寸信息对所述待适配背景页面进行全屏适配;根据所述屏幕尺寸信息以及预设的留白边距确定所述待适配内容页面的任意一个边的显示尺寸,根据所述显示尺寸对所述待适配内容页面进行等比例缩放适配。2.根据权利要求1所述的方法,其特征在于,所述待适配内容页面包括竖屏内容页面以及横屏内容页面,所述待适配背景页面包括竖屏背景页面以及横屏背景页面,所述获取待适配背景页面和待适配内容页面,包括:在所述显示屏幕处于竖屏显示状态时,获取所述竖屏内容页面和所述竖屏背景页面;和/或在所述显示屏幕处于横屏显示状态时,获取所述横屏内容页面和所述横屏背景页面。3.根据权利要求2所述的方法,其特征在于,所述根据所述屏幕尺寸信息以及预设的留白边距确定所述待适配内容页面的任意一个边的显示尺寸,包括:获取第一留白边距和第二留白边距,所述第一留白边距为横屏显示状态下所述横屏内容页面的第一宽边与所述显示屏幕的第一宽边之间的距离,所述第二留白边距为横屏显示状态下所述横屏内容页面的第二宽边与所述显示屏幕的第二宽边之间的距离;根据所述显示屏幕的长度值、所述第一留白边距以及所述第二留白边距确定所述横屏内容页面在所述显示屏幕中横向边的显示尺寸;或获取第三留白边距和第四留白边距,所述第三留白边距是竖屏显示状态下所述竖屏内容页面的第一宽边与所述显示屏幕的第一宽边之间的距离,所述第四留白边距是竖屏显示状态下所述竖屏内容页面的第二宽边与所述显示屏幕的第二宽边之间的距离;根据所述显示屏幕的长度值、所述第三留白边距以及所述第四留白边距确定所述竖屏内容页面在所述显示屏幕中纵向边的显示尺寸。4.根据权利要求1所述的方法,其特征在于,所述方法还包括:将所述原始页面拆分为至少一个背景层以及至少一个内容层,所述内容层包括核心绘制区域内的核心设计元素,所述背景层包括所述核心绘制区域之外的背景部分;根据...

【专利技术属性】
技术研发人员:张平
申请(专利权)人:南京苏宁软件技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1