(19)国家知识产权局 (12)发明 专利 (10)授权公告 号 (45)授权公告日 (21)申请 号 202210420261.3 (22)申请日 2022.04.21 (65)同一申请的已公布的文献号 申请公布号 CN 114528063 A (43)申请公布日 2022.05.24 (73)专利权人 苏州万店掌网络科技有限公司 地址 215011 江苏省苏州市高新区竹园路 209号 (72)发明人 胡浩泽　黄岗　周圣强　 (74)专利代理 机构 北京集佳知识产权代理有限 公司 11227 专利代理师 王燕 (51)Int.Cl. G06F 9/451(2018.01)(56)对比文件 CN 113467871 A,2021.10.01 CN 113204346 A,2021.08.0 3 CN 106484221 A,2017.0 3.08 CN 109697264 A,2019.04.3 0 CN 114327449 A,202 2.04.12 CN 105095200 A,2015.1 1.25 CN 1047941 16 A,2015.07.2 2 CN 113867862 A,2021.12.31 CN 110673912 A,2020.01.10 CN 107766528 A,2018.0 3.06 WO 201518042 2 A1,2015.12.0 3 芝麻糊.“小程序瀑布流效果， 解决左右两边 高度差距过大的问题 ”. 《https:// segmentfault.com/a/1 190000018166001》 .2019,第1- 5页. 审查员 杨潇 (54)发明名称 一种页面显示方法、 装置、 设备及存 储介质 (57)摘要 本申请公开了一种页面显示方法、 装置、 设 备及存储介质， 属于计算机技术领域， 该方法包 括： 获取用于展示多个子元素的当前页面的每一 列的高度， 以得到最长列的高度与最短列的高 度； 当监测到当前页面满足预设循环判断条件， 则确定出当前最长列的高度与当前最短列的高 度之间的高度差， 并循环判断高度差是否大于在 当前所述最长列中末尾子元素的高度； 若所述高 度差大于 所述末尾子元素的高度， 则将末尾子元 素转移至当前所述最短列， 并重复所述当监测到 所述当前页面满足预设循环判断条件的步骤直 到高度差不大于末尾子元素的高度， 然后对当前 页面进行渲染以生成相应的显示页面。 通过本申 请的技术方案， 可 以使得页面显示更均匀， 提高 了用户体验。 权利要求书2页 说明书9页 附图4页 CN 114528063 B 2022.07.12 CN 114528063 B 1.一种页面显示方法， 其特 征在于， 包括： 获取用于展示多个子元素的当前页面的每一列的高度， 以得到最长列的高度与最短列 的高度； 其中， 所述最长列的高度与所述最短列的高度为通过该列所有所述子元素 的高度 之和确定出的高度； 当监测到所述当前页面满足预设循环判断条件， 则确定出当前所述最长列的高度与当 前所述最短列的高度之 间的高度差， 并循环判断所述高度差是否大于在当前所述最长列中 末尾子元素 的高度； 其中， 所述当前页面满足预设循环判断条件为所述最长列存在新增元 素； 若所述高度差大于所述末尾子元素的高度， 则将所述末尾子元素转移至当前所述最短 列， 并重复所述当监测到所述当前页面满足预设循环判断条件的步骤直到所述高度差不大 于所述末尾子元 素的高度， 然后对当前页面进行渲染以生成相应的显示页面； 其中， 所述循环判断所述高度差是否大于在当前所述最长列中末尾子元素的高度之 前， 还包括： 根据所述子元素的数量和所述子元素的列 数确定出最大循环次数， 以基于所述最大循 环次数循环判断所述高度差是否大于在所述 最长列中末尾子元 素的高度。 2.根据权利要求1所述的页面显示方法， 其特征在于， 所述获取用于展示多个子元素的 当前页面的每一列的高度， 包括： 基于网格布局将当前页面的多个子元素进行分列， 并利用预设高度确定规则确定出每 个所述子元 素的高度； 根据所述子元素的排列索引将每一列包括的所述子元素的所述高度进行求和， 以确定 出当前页面的每一列的高度。 3.根据权利要求2所述的页面显示方法， 其特征在于， 所述利用预设高度确定规则确定 出每个所述子元 素的高度， 包括： 利用预设高度确定规则确定出每个所述子元素的固定 高度和可变 高度， 并将所述固定 高度与所述可变高度进 行求和， 以确定出每个所述子元素的高度； 其中， 所述固定高度为由 所述子元素内部中除元素名称以外的其他内部元素高度确定出的高度； 所述可变高度为通 过canvas图形容器的预设字宽获取方法获取所述元素名称中的字符串宽度， 并基于所述字 符串宽度确定出的所述元 素名称的文本块高度。 4.根据权利要求1所述的页面显示方法， 其特征在于， 所述对当前页面进行渲染以生成 相应的显示页面， 包括： 利用与所述子元素对应的解释文件与样式文件对当前页面进行渲染以生成相应的显 示页面。 5.根据权利要求1所述的页面显示方法， 其特征在于， 所述对当前页面进行渲染以生成 相应的显示页面之前， 还 包括： 将所述子元素以二维数组的形式进行存储， 以便根据所述子元素在所述二维数组中的 位置对当前页面进行渲染。 6.根据权利要求1至5任一项所述的页面显示方法， 其特征在于， 所述对当前页面进行 渲染以生成相应的显示页面之后， 还 包括： 在所述当前页面底部设置一个观察元素， 并监测所述观察元素与交互界面底部之间的权　利　要　求　书 1/2 页 2 CN 114528063 B 2距离， 当所述距离达到预设阈值时， 则触发所述获取用于展示多个子元素 的当前页面的每 一列的高度的步骤。 7.一种页面显示装置， 其特 征在于， 包括： 高度获取模块， 用于获取用于展示多个子元素的当前页面的每一列的高度， 以得到最 长列的高度与最短列的高度； 其中， 所述最长列的高度与所述最短列的高度为通过该列所 有所述子元 素的高度之和 确定出的高度； 循环判断模块， 用于当监测到所述当前页面满足预设循环判断条件， 则确定出当前所 述最长列的高度与当前所述最短列的高度之间的高度差， 并循环判断所述高度差是否大于 在当前所述最长列中末尾子元素 的高度； 其中， 所述当前页面满足预设循环判断条件为所 述最长列存在新增元 素； 页面渲染模块， 用于若所述高度差大于所述末尾子元素的高度， 则将所述末尾子元素 转移至当前所述最短列， 并重复所述当监测到所述当前页面满足预设循环判断条件的步骤 直到所述高度差不大于所述末尾子元素的高度， 然后对当前页面进行渲 染以生成相应的显 示页面； 其中， 所述循环判断模块， 还用于循环判断所述高度差是否大于在当前所述最长列中 末尾子元素的高度之前， 根据所述子元素的数量和所述子元素的列数确定出最大循环次 数， 以基于所述最大循环次数循环判断所述高度差是否大于在所述最长列中末尾子元素的 高度。 8.一种电子设备， 其特 征在于， 包括： 存储器， 用于保存计算机程序； 处理器， 用于执 行所述计算机程序， 以实现权利要求1至 6任一项所述的页面显示方法。 9.一种计算机可读存储介质， 其特征在于， 用于存储计算机程序； 其中所述计算机程序 被处理器执行时实现如权利要求1至 6任一项所述的页面显示方法。权　利　要　求　书 2/2 页 3 CN 114528063 B 3