页面切换方法、装置以及终端设备的交互方法与流程

技术特征：
1.一种页面切换方法，其特征在于，包括：响应于用户触发的页面切换指令，从第一页面或第二页面中提取目标视觉元素，所述页面切换指令用于指示将所述第一页面切换为所述第二页面，所述目标视觉元素为所述第一页面和所述第二页面共有的视觉元素；将所述目标视觉元素添加到所述第一页面的第一位置的视图顶层，所述第一位置为所述目标视觉元素在所述第一页面中的原位置；在所述第一页面切换为所述第二页面时，将所述目标视觉元素从所述第一位置移动至所述目标视觉元素在所述第二页面中的第二位置。2.根据权利要求1所述的方法，其特征在于，从所述第一页面中提取到的目标视觉元素与从所述第二页面中提取到的目标视觉元素的动画播放参数不同。3.根据权利要求2所述的方法，其特征在于，所述动画播放参数包括所述目标视觉元素的视图状态和所述目标视觉元素包括的动画效果；其中，所述视图状态用于指示所述目标视觉元素中的播放内容的播放进度，所述动画效果为所述目标视觉元素中的播放内容之间的切换效果。4.根据权利要求3所述的方法，其特征在于，若所述目标视觉元素为从所述第二页面中提取到的视觉元素，则在所述将所述目标视觉元素添加到所述第一页面的第一位置的视图顶层之后，所述方法还包括：将所述目标视觉元素在所述第一页面中的第一动画播放参数同步给所述目标视觉元素在所述第二页面中的第二动画播放参数。5.根据权利要求4所述的方法，其特征在于，所述将所述目标视觉元素在所述第一页面中的第一动画播放参数同步给所述目标视觉元素在所述第二页面中的第二动画播放参数，包括：遍历并保存所述目标视觉元素在所述第一页面中的视图状态和动画效果；将所述目标视觉元素在所述第一页面中的视图状态和动画效果依次添加到所述第二动画播放参数中。6.根据权利要求2所述的方法，其特征在于，在所述将所述目标视觉元素添加到所述第一页面的第一位置的视图顶层之后，所述方法还包括：根据所述视图状态对应的播放进度，保持所述目标视觉元素进行动画播放。7.根据权利要求1所述的方法，其特征在于，所述第一位置和所述第二位置为所述目标视觉元素在显示界面上的相对位置。8.根据权利要求7所述的方法，其特征在于，在所述将所述目标视觉元素从所述第一位置移动至所述目标视觉元素在所述第二页面中的第二位置之前，所述方法还包括：获取所述目标视觉元素与所述第二页面中的参照视觉元素之间的相对位置；将所述目标视觉元素与所述第二页面中的参照视觉元素之间的相对位置转换为所述第二位置。9.根据权利要求1-8任一项所述的方法，其特征在于，所述目标视觉元素包括图像轮播组件、视频轮播组件、文字轮播组件。10.一种页面切换装置，其特征在于，包括：提取模块，用于响应于用户触发的页面切换指令，从第一页面或第二页面中提取目标
视觉元素，所述页面切换指令用于指示将所述第一页面切换为所述第二页面，所述目标视觉元素为所述第一页面和所述第二页面共有的视觉元素；添加模块，用于将所述目标视觉元素添加到所述第一页面的第一位置的视图顶层，所述第一位置为所述目标视觉元素在所述第一页面中的原位置；切换模块，用于在所述第一页面切换为所述第二页面时，将所述目标视觉元素从所述第一位置移动至所述目标视觉元素在所述第二页面中的第二位置。11.一种终端设备的交互方法，其特征在于，所述方法包括：显示第一页面；响应于用户对所述第一页面的触发操作，控制所述第一页面执行第一形变，并触发页面切换指令；当检测到所述触发操作结束后，执行如权利要求1至9任一项所述的页面切换方法；显示第二界面中的目标视觉元素；其中，所述第一页面切换至第二页面的过程中，所述第一形变后的目标视觉元素执行第二形变。12.根据权利要求11所述的方法，其特征在于，所述触发操作包括在所述终端设备的屏幕上进行预设角度的滑动。13.一种电子设备，其特征在于，包括：处理器；以及存储器，用于存储计算机程序；其中，所述处理器被配置为通过执行所述计算机程序来实现权利要求1至9任一项所述的页面切换方法。14.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机执行指令，当处理器执行所述计算机执行指令时，实现如权利要求1至9任一项所述的页面切换方法。

技术总结
本公开提供一种页面切换方法、装置以及终端设备的交互方法。本公开提供的页面切换方法，响应于用户触发的页面切换指令，从第一页面或第二页面中提取目标视觉元素，页面切换指令用于指示将第一页面切换为第二页面，目标视觉元素为第一页面和第二页面共有的视觉元素；将目标视觉元素添加到第一页面的第一位置的视图顶层，第一位置为目标视觉元素在第一页面中的原位置；在第一页面切换为第二页面时，将目标视觉元素从第一位置移动至目标视觉元素在第二页面中的第二位置。通过该方式，由于在页面切换时，将共有的视觉元素先置顶再进行位移，从而保证了视觉元素的位移连贯性。从而保证了视觉元素的位移连贯性。从而保证了视觉元素的位移连贯性。


技术研发人员：王道裕 李星佑 王星懿
受保护的技术使用者：北京字跳网络技术有限公司
技术研发日：2022.04.20
技术公布日：2022/7/8