(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210153558.8 (22)申请日 2022.02.18 (71)申请人 维沃移动通信有限公司 地址 523863 广东省东莞 市长安镇维沃路1 号 (72)发明人 汤慧飞　 (74)专利代理 机构 北京远志博慧知识产权代理 事务所(普通 合伙) 11680 专利代理师 李翠雅 (51)Int.Cl. G06F 9/451(2018.01) G06F 3/0481(2022.01) G06F 3/04847(2022.01) (54)发明名称 页面布局调整方法、 装置 (57)摘要 本申请公开了一种页面布局调整方法、 装 置， 属于通信技术领域， 能够解决现有技术在适 配不同屏幕尺寸下的页面显示的灵活性较差的 问题。 该方法包括： 在显示目标应用页面的情况 下， 获取目标信息， 目标信息用于指示目标应用 页面的尺 寸的变化情况； 从预设响应式用户界面 集合中确定与 目标信息对应的目标页面布局模 型； 基于目标页面布局模型， 调整目标应用页面 的页面布局。 权利要求书3页 说明书12页 附图5页 CN 114564263 A 2022.05.31 CN 114564263 A 1.一种页面布局调整方法， 其特 征在于， 所述方法包括： 在显示目标应用页面的情况下， 获取目标信息， 所述目标信息用于指示所述目标应用 页面的尺寸的变化情况； 从预设响应式用户界面 集合中确定与所述目标信息对应的目标页面布局模型； 基于所述目标页面布局模型， 调整所述目标应用页面的页面布局。 2.根据权利要求1所述的方法， 其特征在于， 所述从预设响应式用户界面集合中确定与 所述目标信息对应的目标页面布局模型， 包括： 在所述目标应用页面的尺寸从第 一尺寸变化为第 二尺寸的情况下， 将所述预设响应式 用户界面 集合中与所述第二尺寸对应的页面布局模型， 确定为所述目标页面布局模型。 3.根据权利要求1所述的方法， 其特征在于， 所述基于所述目标页面布局模型， 调整所 述目标应用页面的页面布局， 包括： 基于所述目标页面布局模型， 调整所述目标应用页面的第一显示参数， 所述第一显示 参数包括以下至少一项： 所述目标应用页面中的页面元素的显示布局信息、 显示状态信息、 显示尺寸信息、 显示 位置信息； 基于所述第一显示 参数， 重新配置所述目标应用页面的参数。 4.根据权利要求1至3中任一项所述的方法， 其特征在于， 所述基于所述目标页面布局 模型， 调整所述目标应用页面的页面布局， 包括： 在所述目标应用页面的页面元素包含第 一类型页面元素的情况下， 基于所述目标页面 布局模型， 隐藏所述目标应用页面中的所述第一类型页面元素， 或者， 显示所述目标应用页 面中处于隐藏状态的所述第一类型页面元 素。 5.根据权利要求4所述的方法， 其特征在于， 所述基于所述目标页面布局模型， 调整所 述目标应用页面的页面布局之后， 所述方法还 包括： 接收用户对所述第一类型页面元 素的第一输入； 响应于所述第一输入， 采用与所述第一输入对应的编辑方式， 编辑所述第一类型页面 元素。 6.根据权利要求1至3中任一项所述的方法， 其特征在于， 所述基于所述目标页面布局 模型， 调整所述目标应用页面的页面布局， 包括： 在所述目标应用页面的页面元素包含第 二类型页面元素的情况下， 基于所述目标页面 布局模型， 调整所述目标应用页面的第二显示参数， 所述第二显示参数包括以下至少一项： 所述目标应用页面中的页面元素 的行间距、 所述 目标应用页面中的页面元素 的显示尺寸、 所述目标应用页面中的页面元 素的显示数量。 7.根据权利要求1所述的方法， 其特征在于， 所述基于所述目标页面布局模型， 调整所 述目标应用页面的页面布局之后， 所述方法还 包括： 接收用户对第 一屏幕区域的第 二输入， 所述第 一屏幕区域为显示所述目标应用页面的 屏幕区域； 响应于所述第二输入， 调整所述第一屏幕区域的尺寸， 并根据调整后的所述第一屏幕 区域的尺寸， 调整所述目标应用页面的页面尺寸。 8.一种页面布局调整装置， 其特征在于， 所述装置包括： 获取模块、 确定模块和调整模 块；权　利　要　求　书 1/3 页 2 CN 114564263 A 2所述获取模块， 用于在显示目标应用页面的情况下， 获取目标信 息， 所述目标信 息用于 指示所述目标应用页面的尺寸的变化情况； 所述确定模块， 用于从预设响应式用户界面集合中确定与所述目标信 息对应的目标页 面布局模型； 所述调整模块， 用于基于所述确定模块确定的所述目标页面布局模型， 调整所述目标 应用页面的页面布局。 9.根据权利要求8所述的装置， 其特 征在于， 所述确定模块， 具体用于在所述目标应用页面的尺寸从第 一尺寸变化为第 二尺寸的情 况下， 将所述预设响应式用户界面集合中与所述第二尺寸对应的页面布局模型， 确定为所 述目标页面布局模型。 10.根据权利要求8所述的装置， 其特 征在于， 所述调整模块， 具体用于基于所述目标页面布局模型， 调整所述目标应用页面的第一 显示参数， 所述第一显示参数包括以下至少一项： 所述 目标应用页面中的页面元素 的显示 布局信息、 显示状态信息、 显示尺 寸信息、 显示位置信息； 并基于所述第一显示参数， 重新配 置所述目标应用页面的参数。 11.根据权利要求8至10中任一项所述的装置， 其特 征在于， 所述调整模块， 具体用于在所述目标应用页面的页面元素包含第 一类型页面元素的情 况下， 基于所述目标页面布局模 型， 隐藏所述目标应用页面中的所述第一类型页面元素， 或 者， 显示所述目标应用页面中处于隐藏状态的所述第一类型页面元 素。 12.根据权利要求1 1所述的装置， 其特 征在于， 所述装置还 包括： 接收模块和编辑模块； 所述接收模块， 用于在所述调整模块基于所述目标页面布局模型， 调整所述目标应用 页面的页面布局之后， 接收用户对所述第一类型页面元 素的第一输入； 所述编辑模块， 用于响应于所述接收模块接收的所述第一输入， 采用与所述第一输入 对应的编辑方式， 编辑所述第一类型页面元 素。 13.根据权利要求8至10中任一项所述的装置， 其特 征在于， 所述调整模块， 具体用于在所述目标应用页面的页面元素包含第 二类型页面元素的情 况下， 基于所述目标页面布局模 型， 调整所述目标应用页面的第二显示参数， 所述第二显示 参数包括以下至少一项： 所述 目标应用页面中的页面元素 的行间距、 所述 目标应用页面中 的页面元 素的显示尺寸、 所述目标应用页面中的页面元 素的显示数量。 14.根据权利要求8所述的装置， 其特 征在于， 所述装置还 包括： 接收模块； 所述接收模块， 用于在所述调整模块基于所述目标页面布局模型， 调整所述目标应用 页面的页面布局之后， 接 收用户对第一屏幕区域的第二输入， 所述第一屏幕区域为显示所 述目标应用页面的屏幕区域； 所述调整模块， 还用于响应于所述接收模块接收的所述第二输入， 调整所述第一屏幕 区域的尺寸， 并根据调整后的所述第一屏幕区域的尺寸， 调整所述 目标应用页面的页面尺 寸。 15.一种电子设备， 其特征在于， 包括处理器， 存储器及存储在所述存储器上并可在所 述处理器上运行的程序或指 令， 所述程序或指 令被所述处理器执行时实现如权利要求 1至7 中任一项所述的页面布局调整方法的步骤。权　利　要　求　书 2/3 页 3 CN 114564263 A 3