页面布局调整方法、装置制造方法及图纸

本申请公开了一种页面布局调整方法、装置，属于通信技术领域，能够解决现有技术在适配不同屏幕尺寸下的页面显示的灵活性较差的问题。该方法包括：在显示目标应用页面的情况下，获取目标信息，目标信息用于指示目标应用页面的尺寸的变化情况；从预设响应式用户界面集合中确定与目标信息对应的目标页面布局模型；基于目标页面布局模型，调整目标应用页面的页面布局。的页面布局。的页面布局。

【技术实现步骤摘要】
页面布局调整方法、装置


[0001]本申请属于通信
，具体涉及一种页面布局调整方法、装置。

技术介绍

[0002]随着电子设备的不断发展，电子设备的尺寸越来越多样化，显示方式也越来越多，例如：多屏显示、大屏显示、分屏显示等。然而，电子设备在不同的屏幕显示方式下展示信息时，通常会显示相同的页面布局，例如:电子设备从竖屏显示状态转换为分屏显示状态时，因为页面布局不变，只能显示原来页面内容中的部分内容，需要用户手动滑动显示未能显示的内容。如此，现有技术在适配不同屏幕尺寸下的页面显示的灵活性较差。

技术实现思路

[0003]本申请实施例的目的是提供一种页面布局调整方法、装置，能够解决现有技术在适配不同屏幕尺寸下的页面显示的灵活性较差的问题。
[0004]为了解决上述技术问题，本申请是这样实现的：
[0005]第一方面，本申请实施例提供了一种页面布局调整方法，该页面布局调整方法包括：在显示目标应用页面的情况下，获取目标信息，目标信息用于指示目标应用页面的尺寸的变化情况；从预设响应式用户界面集合中确定与目标信息对应的目本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面布局调整方法，其特征在于，所述方法包括：在显示目标应用页面的情况下，获取目标信息，所述目标信息用于指示所述目标应用页面的尺寸的变化情况；从预设响应式用户界面集合中确定与所述目标信息对应的目标页面布局模型；基于所述目标页面布局模型，调整所述目标应用页面的页面布局。2.根据权利要求1所述的方法，其特征在于，所述从预设响应式用户界面集合中确定与所述目标信息对应的目标页面布局模型，包括：在所述目标应用页面的尺寸从第一尺寸变化为第二尺寸的情况下，将所述预设响应式用户界面集合中与所述第二尺寸对应的页面布局模型，确定为所述目标页面布局模型。3.根据权利要求1所述的方法，其特征在于，所述基于所述目标页面布局模型，调整所述目标应用页面的页面布局，包括：基于所述目标页面布局模型，调整所述目标应用页面的第一显示参数，所述第一显示参数包括以下至少一项：所述目标应用页面中的页面元素的显示布局信息、显示状态信息、显示尺寸信息、显示位置信息；基于所述第一显示参数，重新配置所述目标应用页面的参数。4.根据权利要求1至3中任一项所述的方法，其特征在于，所述基于所述目标页面布局模型，调整所述目标应用页面的页面布局，包括：在所述目标应用页面的页面元素包含第一类型页面元素的情况下，基于所述目标页面布局模型，隐藏所述目标应用页面中的所述第一类型页面元素，或者，显示所述目标应用页面中处于隐藏状态的所述第一类型页面元素。5.根据权利要求4所述的方法，其特征在于，所述基于所述目标页面布局模型，调整所述目标应用页面的页面布局之后，所述方法还包括：接收用户对所述第一类型页面元素的第一输入；响应于所述第一输入，采用与所述第一输入对应的编辑方式，编辑所述第一类型页面元素。6.根据权利要求1至3中任一项所述的方法，其特征在于，所述基于所述目标页面布局模型，调整所述目标应用页面的页面布局，包括：在所述目标应用页面的页面元素包含第二类型页面元素的情况下，基于所述目标页面布局模型，调整所述目标应用页面的第二显示参数，所述第二显示参数包括以下至少一项：所述目标应用页面中的页面元素的行间距、所述目标应用页面中的页面元素的显示尺寸、所述目标应用页面中的页面元素的显示数量。7.根据权利要求1所述的方法，其特征在于，所述基于所述目标页面布局模型，调整所述目标应用页面的页面布局之后，所述方法还包括：接收用户对第一屏幕区域的第二输入，所述第一屏幕区域为显示所述目标应用页面的屏幕区域；响应于所述第二输入，调整所述第一屏幕区域的尺寸，并根据调整后的所述第一屏幕区域的尺寸，调整所述目标应用页面的页面尺寸。8.一种页面布局调整装置，其特征在于，所述装置包括：获取模块、确定模块和调整模块；
所述获取模块，用于在显示目标应用页面的情况下，获取目标信息，所述目标信息用于指示所述目标应用页面的尺寸的变化情况；所述确定模块，用于从预设响应式...

【专利技术属性】
技术研发人员：汤慧飞，
申请(专利权)人：维沃移动通信有限公司，
类型：发明
国别省市：