(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210443599.0 (22)申请日 2022.04.25 (71)申请人 广州方硅信息技 术有限公司 地址 511442 广东省广州市番禺区南村镇 万博二路79号3108 (72)发明人 卢培洪　张枞楷　 (74)专利代理 机构 广州利能知识产权代理事务 所(普通合伙) 44673 专利代理师 王增鑫 (51)Int.Cl. G06F 8/38(2018.01) G06F 16/954(2019.01) G06F 16/958(2019.01) G06F 9/451(2018.01) (54)发明名称 卷轴视图处 理方法及其装置、 设备、 介质 (57)摘要 本申请公开一种卷轴视图处理方法及其装 置、 设备、 介质， 所述方法包括： 响应作用于卷轴 视图的视图加载指令， 在卷轴视图的上一视图层 级中加载第一视图， 且从视图资源池中获取背景 图及信息头内容加载至第一视图中显示； 从视图 资源池中获取第二视图群组信息， 以根据其包含 的第二视图数量及多个第二视图标识信息， 生成 第二视图导航栏加载显示， 且在卷轴视图中加载 数量与第二视图数量相符的第二视图； 响应作用 于目标第二视图的内容加载指令， 从视图资源池 中获取对应的视图内容输出至目标第二视图中 显示； 响应作用于当前第二视图的纵向滚动事 件， 根据纵向滚动事件的滚动偏移量对应调整第 一视图的显示效果。 本申请可提升网络页面的开 发效率。 权利要求书3页 说明书20页 附图15页 CN 114968233 A 2022.08.30 CN 114968233 A 1.一种卷轴视图处 理方法， 其特 征在于， 包括如下步骤： 响应作用于卷轴视图的视图加载指令， 在所述卷轴视图的上一视图层级中加载第 一视 图， 且从视图资源池中获取所述第一视图的背 景图及信息头内容加载至所述第一视图中显 示； 从所述视图资源池中获取第 二视图群组信 息， 以根据所述第 二视图群组信 息中包含的 第二视图数量及多个第二视图标识信息， 生成对应的第二视图导航栏加载至所述第一视图 的同一视图层级中， 且在该 卷轴视图中加载 数量与所述第二视图数量相同的第二视图； 响应内容加载指令， 从所述视 图资源池中获取该目标第二视 图对应的视 图内容， 以将 该视图内容输出至所述目标第二视图中显示； 响应作用于当前第二视 图的纵向滚动事件， 调用预设的视 图滚动算法， 以根据所述纵 向滚动事 件的滚动偏移量对应调整所述第一视图的显示效果。 2.根据权利要求1所述的方法， 其特征在于， 所述且从视图资源池中获取所述第 一视图 的背景图及信息 头内容加载至所述第一视图中显示的步骤中， 包括如下步骤： 从所述视图资源池中获取所述背景图及信 息头内容， 以及获取分别作用于该背景图及 信息头内容的滚动显示配置； 将所述背景图加载至所述第 一视图的第 一信息头视图中， 且将所述信 息头内容加载至 第一视图的第二信息头视图中， 其中， 所述第二信息头视图位于第一信息头视图的上一视 图层级中； 根据所述滚动显示配置分别设置所述第一信息头视 图及第二信息头视图各自的滚动 显示规则。 3.根据权利要求1所述的方法， 其特征在于， 所述以根据 所述以根据所述第 二视图群组 信息中包含的第二视图数量及多个第二视图标识信息， 生成对应的第二视图导航栏加载至 所述第一视图的同一视图层级中的步骤中， 包括如下步骤： 获取所述第二视 图群组信息中包含的第二视 图数量及多个第二视 图标识信息， 其中， 所述第二视图标识信息中包 含视图排序信息及视图名称； 生成具有的第 二视图选项数量与 所述第二视图数量相符的第 二视图导航栏， 且根据 各 所述第二视图标识信息中包含的视图排序信息， 将各所述第二视图标识信息中包含的视图 名称分别赋予所述第二视图导 航栏中对应位置的第二视图选项； 将所述第二视图导 航栏加载至所述第一视图的同一视图层级中。 4.根据权利要求3所述的方法， 其特征在于， 所述且在该卷轴视图中加载数量与所述第 二视图数量相同的第二视图的步骤中， 包括如下步骤： 根据所述第 二视图群组信 息中包含的第 二视图数量， 在所述卷轴视图中加载与该第 二 视图数量所表征的数量相符的第二视图； 根据多个所述第 二视图标识信 息中各自包含的视图排序信 息及视图标识， 按序将各所 述视图标识赋予至相应的第二视图； 根据各所述第 二视图的排序位置， 将各所述第 二视图按序关联于所述第 二视图导航栏 中对应位置的第二视图选项。 5.根据权利要求1所述的方法， 其特征在于， 所述响应内容加载指令， 从所述视 图资源 池中获取该目标第二视图对应的视图内容， 以将该视图内容输出至所述目标第二视图中显权　利　要　求　书 1/3 页 2 CN 114968233 A 2示的步骤中， 包括如下步骤： 响应作用于所述卷轴视图的横向滚动指令， 确定该横向滚动指令的滚动方向； 判断当前处于可视窗口的第二视 图在所述滚动方向是否存另一第二视 图， 若存在， 则 将另一第二视图切换至可视窗口中显示， 且将触发响应作用于该第二视图的内容加载指 令； 从所述视图资源池中获取所述内容加载指令所指向的第 二视图的视图内容， 以将该视 图内容输出至当前处于可视窗口 的第二视图中显示。 6.根据权利要求1所述的方法， 其特征在于， 所述响应内容加载指令， 从所述视 图资源 池中获取该目标第二视图对应的视图内容， 以将该视图内容输出至所述目标第二视图中显 示的步骤中， 包括如下步骤： 响应作用于所述第 二视图导航栏的视图选项选定指令， 确定该视图选定指令所对应的 目标第二视图； 将可视窗口中当前显示的第 二视图切换为所述目标第 二视图， 且触发生成指向该目标 第二视图的内容加载指令； 响应所述内容加载指令， 从所述视 图资源池中获取所述目标第二视 图的视图内容， 以 将该视图内容输出至所述目标第二视图中显示。 7.根据权利要求1所述的方法， 其特征在于， 所述响应作用于当前第 二视图的纵向滚动 事件， 调用预设的视图滚动算法， 以根据所述纵向滚动事件的滚动偏移量对应调整所述第 一视图的显示效果的步骤中， 包括如下步骤： 响应作用于可视窗口中当前显示的第 二视图的纵向滚动事件， 获取该纵向滚动事件所 对应的滚动偏移量； 根据所述滚动偏移量对应计算出所述第二视图的视 图内容距离内容滚动原点的内容 滚动值， 所述内容滚动原点基于所述第一视图的初始显示 位置所确定； 当内容滚动值小于零时， 则表征为向上滚动所述第二视 图中显示的视 图内容， 则将同 步向上位移所述可视窗口中当前显示的所述第一视图， 且当内容滚动值满足所述第一视图 中信息头内容的滚动显示 规则， 则将在所述可视窗口中缩小化显示所述信息 头内容； 当内容滚动值大于零时， 则表征为向下滚动所述第二视 图中显示的视 图内容， 则将同 步向下位移可视窗口中当前显示的所述第一视图， 且当内容滚动值满足所述第一视图中背 景图的滚动显示 规则时， 则将在所述可视窗口中放大化显示所述背景图。 8.一种卷轴视图处 理装置， 其特 征在于， 包括: 第一视图加载模块， 用于响应作用于卷轴视 图的视图加载指令， 在所述卷轴视 图的上 一视图层级中加载第一视图， 且从视图资源池中获取所述第一视图的背 景图及信息头内容 加载至所述第一视图中显示； 第二视图加载模块， 用于从所述视 图资源池中获取第二视 图群组信息， 以根据所述第 二视图群组信息中包含的第二视图数量及多个第二视图标识信息， 生成对应的第二视图导 航栏加载至所述第一视图的同一视图层级中， 且在该卷轴视图中加载数量与所述第二视图 数量相同的第二视图； 视图内容加载模块， 用于响应内容加载指令， 从所述视 图资源池中获取该目标第二视 图对应的视图内容， 以将该视图内容输出至所述目标第二视图中显示；权　利　要　求　书 2/3 页 3 CN 114968233 A 3