页面适配的方法、装置、计算机设备和存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113391869A(43)申请公布日2021.09.14(21)申请号202110724679.9(22)申请日2021.06.29(71)申请人南京苏宁软件技术有限公司地址210000江苏省南京市玄武区玄武大道699-19号2幢(72)发明人张平(74)专利代理机构北京市万慧达律师事务所11111代理人刘艳丽(51)Int.Cl.G06F9/451(2018.01)G06F3/14(2006.01)权利要求书2页说明书11页附图7页(54)发明名称页面适配的方法、装置、计算机设备和存储介质(57)摘要本申请涉及一种页面适配的方法、装置、计算机设备和存储介质。所述方法包括：获取待适配背景页面和待适配内容页面，待适配背景页面和待适配内容页面为预先根据待适配的原始页面拆分出的页面；获取显示屏幕的屏幕尺寸信息；根据屏幕尺寸信息对待适配背景页面进行全屏适配；根据屏幕尺寸信息以及预设的留白边距确定待适配内容页面的任意一个边的显示尺寸，根据显示尺寸对待适配内容页面进行等比例缩放适配。采用本方法能够使页面适配不同的终端屏幕，且在确保页面显示效果的情况下，减少页面资源对存储空间的占用量。CN113391869ACN113391869A权利要求书1/2页1.一种页面适配的方法，所述方法包括：获取待适配背景页面和待适配内容页面，所述待适配背景页面和所述待适配内容页面为预先根据待适配的原始页面拆分出的页面；获取显示屏幕的屏幕尺寸信息；根据所述屏幕尺寸信息对所述待适配背景页面进行全屏适配；根据所述屏幕尺寸信息以及预设的留白边距确定所述待适配内容页面的任意一个边的显示尺寸，根据所述显示尺寸对所述待适配内容页面进行等比例缩放适配。2.根据权利要求1所述的方法，其特征在于，所述待适配内容页面包括竖屏内容页面以及横屏内容页面，所述待适配背景页面包括竖屏背景页面以及横屏背景页面，所述获取待适配背景页面和待适配内容页面，包括：在所述显示屏幕处于竖屏显示状态时，获取所述竖屏内容页面和所述竖屏背景页面；和/或在所述显示屏幕处于横屏显示状态时，获取所述横屏内容页面和所述横屏背景页面。3.根据权利要求2所述的方法，其特征在于，所述根据所述屏幕尺寸信息以及预设的留白边距确定所述待适配内容页面的任意一个边的显示尺寸，包括：获取第一留白边距和第二留白边距，所述第一留白边距为横屏显示状态下所述横屏内容页面的第一宽边与所述显示屏幕的第一宽边之间的距离，所述第二留白边距为横屏显示状态下所述横屏内容页面的第二宽边与所述显示屏幕的第二宽边之间的距离；根据所述显示屏幕的长度值、所述第一留白边距以及所述第二留白边距确定所述横屏内容页面在所述显示屏幕中横向边的显示尺寸；或获取第三留白边距和第四留白边距，所述第三留白边距是竖屏显示状态下所述竖屏内容页面的第一宽边与所述显示屏幕的第一宽边之间的距离，所述第四留白边距是竖屏显示状态下所述竖屏内容页面的第二宽边与所述显示屏幕的第二宽边之间的距离；根据所述显示屏幕的长度值、所述第三留白边距以及所述第四留白边距确定所述竖屏内容页面在所述显示屏幕中纵向边的显示尺寸。4.根据权利要求1所述的方法，其特征在于，所述方法还包括：将所述原始页面拆分为至少一个背景层以及至少一个内容层，所述内容层包括核心绘制区域内的核心设计元素，所述背景层包括所述核心绘制区域之外的背景部分；根据所述内容层生成内容页面，根据所述背景层生成背景页面；优选地，所述获取待适配背景页面和待适配内容页面，包括：根据页面展示请求选取至少一个所述背景页面作为所述待适配背景页面，以及选取至少一个所述内容页面作为所述待适配内容页面。5.根据权利要求4所述的方法，其特征在于，所述方法还包括：根据待适配的多个显示屏幕的最大分辨率确定所述原始页面的长宽比，基于所述长宽比定义所述原始页面的初始尺寸；根据所述初始尺寸确定竖屏取景范围以及横屏取景范围；将所述竖屏取景范围以及所述横屏取景范围的交集区域作为所述核心绘制区域。6.根据权利要求4所述的方法，其特征在于，所述根据所述内容层生成内容页面之后，所述方法还包括：2CN113391869A权利要求书2/2页在所述内容页面中选定安全区域，将所述核心设计元素调整至所述安全区域内，根据所述安全区域的尺寸对所述内容页面进行裁切。7.根据权利要求1至6任一项所述的方法，其特征在于，所述方法还包括：采用异步多线程分别对所述待适配背景页面和所述待适配内容页面进行预加载，将预加载后的所述待适配背景页面和所述待适配内容页面同时在所述显示屏幕中进行展示。8.一种页面适配装置，其特征在于，所述装置包括：适配页面获取模块，用于获取待适配背景页面和待适配内容页面，所述待适配背景页面和所述待适配内容页面为预先根据待