(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210418796.7 (22)申请日 2022.04.20 (71)申请人 北京字跳网络技 术有限公司 地址 100190 北京市海淀区紫金 数码园4号 楼2层0207 (72)发明人 王道裕　李星佑　王星懿　 (74)专利代理 机构 上海光栅知识产权代理有限 公司 31340 专利代理师 王沛懿　马雯雯 (51)Int.Cl. G06F 16/957(2019.01) G06F 9/451(2018.01) G06F 3/0485(2022.01) G06F 3/0484(2022.01) (54)发明名称 页面切换方法、 装置以及终端设备的交互方 法 (57)摘要 本公开提供一种页面切换方法、 装置以及终 端设备的交互方法。 本公开提供的页面切换方 法， 响应于用户触发的页面切换指令， 从第一页 面或第二页面中提取目标视觉元素， 页面切换指 令用于指示将第一页面切换为第二页面， 目标视 觉元素为第一页面和第二页面共有的视觉元素； 将目标视觉元素添加到第一页面的第一位置的 视图顶层， 第一位置为目标视觉元素在第一页面 中的原位置； 在第一页面切换为第二页面时， 将 目标视觉元素从第一位置移动至目标视觉元素 在第二页面中的第二位置。 通过该方式， 由于在 页面切换时， 将共有的视觉元素先置顶再进行位 移， 从而保证 了视觉元素的位移连贯 性。 权利要求书2页 说明书14页 附图5页 CN 114722320 A 2022.07.08 CN 114722320 A 1.一种页面切换 方法， 其特 征在于， 包括： 响应于用户触发的页面切换指令， 从第一页面或第二页面中提取目标视觉元素， 所述 页面切换指令用于指示将所述第一页面切换为所述第二页面， 所述目标视觉元素为所述第 一页面和所述第二页面共有的视 觉元素； 将所述目标视觉元素添加到所述第 一页面的第 一位置的视图顶层， 所述第 一位置为所 述目标视 觉元素在所述第一页面中的原位置； 在所述第一页面切换为所述第 二页面时， 将所述目标视觉元素从所述第 一位置移动至 所述目标视 觉元素在所述第二页面中的第二 位置。 2.根据权利要求1所述的方法， 其特征在于， 从所述第 一页面中提取到的目标视觉元素 与从所述第二页面中提取到的目标视 觉元素的动画播 放参数不同。 3.根据权利要求2所述的方法， 其特征在于， 所述动画播放参数包括所述目标视觉元素 的视图状态和所述目标视 觉元素包括的动画效果； 其中， 所述视 图状态用于指示所述目标视觉元素中的播放内容的播放进度， 所述动画 效果为所述目标视 觉元素中的播 放内容之间的切换效果。 4.根据权利要求3所述的方法， 其特征在于， 若所述目标视觉元素为从所述第 二页面中 提取到的视觉元素， 则 在所述将所述目标视觉元素添加到所述第一页面的第一位置的视图 顶层之后， 所述方法还 包括： 将所述目标视觉元素在所述第一页面中的第一动画播放参数同步给所述目标视觉元 素在所述第二页面中的第二动画播 放参数。 5.根据权利要求4所述的方法， 其特征在于， 所述将所述目标视觉元素在所述第 一页面 中的第一动画播放参数同步给所述目标视觉元素在所述第二页面中的第二动画 播放参数， 包括： 遍历并保存所述目标视 觉元素在所述第一页面中的视图状态和动画效果； 将所述目标视觉元素在所述第一页面中的视图状态和动画效果依次添加到所述第二 动画播放参数中。 6.根据权利要求2所述的方法， 其特征在于， 在所述将所述目标视觉元素添加到所述第 一页面的第一 位置的视图顶层之后， 所述方法还 包括： 根据所述视图状态对应的播 放进度， 保持所述目标视 觉元素进行动画播 放。 7.根据权利要求1所述的方法， 其特征在于， 所述第 一位置和所述第 二位置为所述目标 视觉元素在显示界面上的相对位置 。 8.根据权利要求7所述的方法， 其特征在于， 在所述将所述目标视觉元素从所述第 一位 置移动至所述目标视 觉元素在所述第二页面中的第二 位置之前， 所述方法还 包括： 获取所述目标视 觉元素与所述第二页面中的参照视 觉元素之间的相对位置； 将所述目标视觉元素与所述第二页面中的参照视觉元素之间的相对位置转换为所述 第二位置。 9.根据权利要求1 ‑8任一项所述的方法， 其特征在于， 所述目标视觉元素包括图像轮播 组件、 视频轮播组件、 文字轮播组件。 10.一种页面切换装置， 其特 征在于， 包括： 提取模块， 用于响应于用户触发的页面切换指令， 从第一页面或第二页面中提取目标权　利　要　求　书 1/2 页 2 CN 114722320 A 2视觉元素， 所述页面切换指令用于指示将所述第一页面切换为所述第二页面， 所述 目标视 觉元素为所述第一页面和所述第二页面共有的视 觉元素； 添加模块， 用于将所述目标视觉元素添加到所述第一页面的第一位置的视 图顶层， 所 述第一位置为所述目标视 觉元素在所述第一页面中的原位置； 切换模块， 用于在所述第一页面切换为所述第二页面时， 将所述目标视觉元素从所述 第一位置移动至所述目标视 觉元素在所述第二页面中的第二 位置。 11.一种终端设备的交 互方法， 其特 征在于， 所述方法包括： 显示第一页面； 响应于用户对所述第一页面的触发操作， 控制所述第一页面执行第一形变， 并触发页 面切换指令； 当检测到所述触发操作结束后， 执 行如权利要求1至9任一项所述的页面切换 方法； 显示第二界面中的目标视 觉元素； 其中， 所述第一页面切换至第二页面的过程中， 所述第一形变后的目标视觉元素执行 第二形变。 12.根据权利要求11所述的方法， 其特征在于， 所述触发操作包括在所述终端设备的屏 幕上进行 预设角度的滑动。 13.一种电子设备， 其特 征在于， 包括： 处理器； 以及 存储器， 用于存 储计算机程序； 其中， 所述处理器被配置为通过执行所述计算机程序来实现权利要求1至9任一项所述 的页面切换 方法。 14.一种计算机可读存储介质， 其特征在于， 所述计算机可读存储介质中存储有计算机 执行指令， 当处理器执行所述计算机执行指令时， 实现如权利要求1至9任一项所述的页面 切换方法。权　利　要　求　书 2/2 页 3 CN 114722320 A 3