(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210952303.8 (22)申请日 2022.08.09 (71)申请人 北京有竹居网络技 术有限公司 地址 101299 北京市平谷区林荫北街13号 信息大厦802室 (72)发明人 熊艺凯　赵灿祥　林佳钰　 (74)专利代理 机构 北京中知法苑知识产权代理 有限公司 1 1226 专利代理师 李明 (51)Int.Cl. G06F 9/451(2018.01) G06F 8/38(2018.01) (54)发明名称 页面展示方法、 装置、 计算机设备以及存储 介质 (57)摘要 本公开提供了一种页面展示方法、 装置、 计 算机设备 以及存储介质， 其中， 该方法包括响应 于对展示区域中列表页面的滑动操作， 确定所述 列表页面中待滑动至所述展示区域的第一页面， 并确定所述列表页面中滑动操作所触发的第二 页面的第一滑动距离； 确定所述第一页面的第一 主题色参数， 以及确定所述第二页面的第二主题 色参数； 基于所述第一滑动距离、 所述第一主题 色参数和所述第二主题色参数， 确定过渡颜色信 息； 其中， 所述过渡颜色信息用于指示所述第二 页面向所述第一页面切换展示的过程中展示内 容不变的目标页面区域的展示颜色； 基于所述过 渡颜色信息对所述目标页面区域进行渲染。 权利要求书2页 说明书15页 附图8页 CN 115220850 A 2022.10.21 CN 115220850 A 1.一种页面展示方法， 其特 征在于， 包括： 响应于对展示区域中列表页面的滑动操作， 确定所述列表页面中待滑动至所述展示 区 域的第一页面， 并确定所述列表页面中滑动操作所触发的第二页面的第一滑动距离； 确定所述第一页面的第一主题色参数， 以及确定所述第二页面的第二主题色参数； 基于所述第一滑动距离、 所述第一主题色参数和所述第二主题色参数， 确定过渡颜色 信息； 其中， 所述过渡颜色信息用于指示所述第二页面向所述第一页面切换展示的过程中 展示内容 不变的目标页面区域的展示颜色； 基于所述过渡 颜色信息对所述目标页面区域进行渲染。 2.根据权利要求1所述的方法， 其特征在于， 所述展示区域包含标签区域和信 息显示区 域， 所述信息显示区域用于显示所述列表页面， 所述标签区域用于显示多个分类标签， 所述 列表页面中包 含多个页面， 每 个页面用于展示所属于不同分类标签的信息 。 3.根据权利要求1所述的方法， 其特征在于， 所述基于所述第一滑动距离、 所述第一主 题色参数和所述第二主题色参数， 确定过渡 颜色信息， 包括： 计算所述第一主题色参数和所述第二主题色参数之间的参数差值； 基于所述 参数差值和所述第一滑动距离， 确定所述过渡 颜色信息 。 4.根据权利要求3所述的方法， 其特征在于， 所述基于所述参数差值和所述第 一滑动距 离， 确定所述过渡 颜色信息， 包括： 基于所述展示区域的区域宽度确定多个距离阈值； 其中， 所述多个距离阈值小于或者 等于所述区域宽度； 在所述多个距离阈值中确定小于或者等于所述第 一滑动距离的目标距离阈值， 并基于 所述目标距离阈值中最大距离阈值和所述 参数差值， 确定所述过渡 颜色信息 。 5.根据权利要求4所述的方法， 其特征在于， 所述基于所述目标距离 阈值中最大预设距 离阈值和所述 参数差值， 确定所述过渡 颜色信息， 包括： 计算所述最大距离阈值和目标距离之间的第一比值； 其中， 所述目标距离用于指示所 述列表页面中每 个页面的页面宽度； 将所述第一比值和所述参数差值进行乘法计算， 并将乘法计算结果确定为所述过渡颜 色信息。 6.根据权利要求3所述的方法， 其特征在于， 所述计算所述第 一主题色参数和所述第 二 主题色参数之间的参数差值， 包括： 获取所述第一主题色参数中各颜色通道的颜色值， 得到多个第一颜色值， 并获取所述 第二主题色参数中各颜色通道的颜色值， 得到多个第二颜色值； 计算所述多个第一颜色值和所述多个第二颜色值中对应相同颜色通道的颜色值之间 的差值， 得到多个差值， 并将所述多个差值确定为所述 参数差值。 7.根据权利要求1所述的方法， 其特征在于， 所述确定所述列表页面中待滑动至所述展 示区域的第一页面， 包括： 确定所述列表页面的第 二滑动距离， 并基于所述第 二滑动距离和所述展示区域的区域 尺寸确定页面索引标识； 其中， 所述第二滑动距离用于指示滑动至所述展示区域外的列表 页面的长度； 将所述列表页面中与 所述页面索引标识相匹配的页面确定为所述第 二页面， 并基于所权　利　要　求　书 1/2 页 2 CN 115220850 A 2述第二页面确定所述第一页面。 8.根据权利要求7所述的方法， 其特征在于， 所述确定所述列表页面的第二滑动距离， 并基于所述第二滑动距离和所述展示区域的区域尺寸确定页面索引标识， 包括： 在所述滑动操作为横向滑动操作的情况下， 确定所述列表页面的横向滑动距离； 其中， 所述横向滑动距离用于指示所述列表页面中首个页面的左侧页面边界与所述展示区域的 左侧区域 边界之间的边界距离； 确定所述展示区域的区域宽度和所述横向滑动距离之间的第 二比值， 并基于所述第 二 比值确定所述页面索引标识。 9.根据权利要求7所述的方法， 其特征在于， 所述确定所述列表页面的第二滑动距离， 并基于所述第二滑动距离和所述展示区域的区域尺寸确定页面索引标识， 包括： 在所述滑动操作为纵向滑动操作的情况下， 确定所述列表页面的纵向滑动距离； 其中， 所述纵向滑动距离用于指示所述列表页面中首个页面的上侧页面边界与所述展示区域中 信息显示区域的上侧区域边界之间的边界距离； 其中， 所述信息显示区域为用于显示所述 列表页面的区域； 确定所述信 息显示区域的区域长度和所述纵向滑动距离之间的第 三比值， 并基于所述 第三比值确定所述页面索引标识。 10.一种页面展示装置， 其特 征在于， 包括： 第一确定单元， 用于响应于对展示区域中列表页面的滑动操作， 确定所述列表页面中 待滑动至所述展示区域的第一页面， 并确定所述列 表页面中滑动 操作所触发的第二页面的 第一滑动距离； 第二确定单元， 用于确定所述第一页面的第一主题色参数， 以及确定所述第一页面的 第二主题色参数； 第三确定单元， 用于基于所述第一滑动距离、 所述第一主题色参数和所述第二主题色 参数， 确定过渡颜色信息； 其中， 所述过渡颜色信息用于指示所述第二页面向所述第一页面 切换展示的过程中展示内容 不变的目标页面区域的展示颜色； 渲染单元， 用于基于所述过渡 颜色信息对所述目标页面区域进行渲染。 11.一种计算机设备， 其特征在于， 包括： 处理器、 存储器和总线， 所述存储器存储有所 述处理器可执行 的机器可读指令， 当计算机设备运行时， 所述处理器与所述存储器之间通 过总线通信， 所述机器可读指 令被所述处理器执行时执行如权利要求 1至9任意一项 所述的 页面展示方法的步骤。 12.一种计算机可读存储介质， 其特征在于， 该计算机可读存储介质上存储有计算机程 序， 该计算机程序被处理器运行时执行如权利要求1至9任意一项 所述的页面展示方法的步 骤。权　利　要　求　书 2/2 页 3 CN 115220850 A 3