跨页切换方法及系统技术方案

技术编号:33653514 阅读:27 留言:0更新日期:2022-06-02 20:32
本申请公开了一种跨页切换方法,该方法包括:在创建第一页面时生成共享资源包,保存所述第一页面和第二页面的共享元素信息;将所述第二页面设置为透明主题;响应于用户在所述第一页面的预设操作,根据所述共享资源包中的所述共享元素信息跳转至所述第二页面,并在所述第二页面的视图绘制完成后将所述第二页面设置为非透明主题。本申请还公开了一种跨页切换系统、电子装置和计算机可读存储介质。由此,能够实现复制页面之间跨页无缝切换的效果,使用户感觉不到播放中断和黑屏的现象,有效提升用户体验。户体验。户体验。

【技术实现步骤摘要】
跨页切换方法及系统


[0001]本申请涉及数据处理
,尤其涉及一种跨页切换方法、系统、电子装置及计算机可读存储介质。

技术介绍

[0002]当需要在两个页面之间跳转时,一般要让用户在无感知的情况下,实现页面之间的无缝切换。如果有相同元素,则两个页面之间可以进行元素共享。针对这种情况,官方已经有对应的功能提供,但仅限于静态视图上的无缝切换,在例如直播卡片页面和直播详情页面这种共享播放器的场景下,无法实现。因此,如果能实现复杂页面之间跨页面的元素共享和无缝切换,则可以提升用户体验。

技术实现思路

[0003]本申请的主要目的在于提出一种跨页切换方法、系统、电子装置及计算机可读存储介质,旨在解决如何实现复杂页面之间跨页面的元素共享和无缝切换的问题。
[0004]为实现上述目的,本申请实施例提供了一种跨页切换方法,所述方法包括:
[0005]在创建第一页面时生成共享资源包,保存所述第一页面和第二页面的共享元素信息;
[0006]将所述第二页面设置为透明主题;
[0007]响应于用户在所述第一页面的预设操作,根据所述共享资源包中的所述共享元素信息跳转至所述第二页面,并在所述第二页面的视图绘制完成后将所述第二页面设置为非透明主题。
[0008]可选地,所述第一页面为直播卡片页面,包括相应直播间的直播画面,不包括所述直播间的送礼面板、消息互动区组件;所述第二页面为直播详情页面,包括所述直播画面及所述送礼面板、消息互动区组件。
[0009]可选地,所述共享元素信息包括播放器的显示区域、播放器实例和所述直播画面的拉流模块。
[0010]可选地,所述将所述第二页面设置为透明主题包括:
[0011]在所述第二页面对应的配置文件中将所述第二页面的主题设置为透明。
[0012]可选地,所述将所述第二页面设置为非透明主题包括:
[0013]通过反射调用Activity中的convertFromTranslucent方法,将所述第二页面由透明主题修改为非透明主题。
[0014]可选地,所述方法还包括:
[0015]将所述第二页面设置为一个新的Activity,继承所述第二页面对应的所述直播间的原始页面的Activity。
[0016]可选地,,所述根据所述共享资源包中的所述共享元素信息跳转至所述第二页面包括:
[0017]从所述第一页面对应的所述共享资源包中获取所述播放器的显示区域、所述播放器实例和所述直播画面的拉流模块;
[0018]将所述播放器实例按照所述显示区域绘制到所述第二页面的视图上,并且所述拉流模块不间断地获取所述直播画面的数据。
[0019]可选地,所述方法在跳转至所述第二页面时还包括:
[0020]当所述第一页面和所述第二页面所需的播放器大小不一致时,通过动画效果从所述第一页面的播放器大小过渡到所述第二页面的播放器大小。
[0021]可选地,所述通过动画效果从所述第一页面的播放器大小过渡到所述第二页面的播放器大小包括:
[0022]将所述第一页面中的播放器画面通过拉伸动画效果过渡到所述第二页面中的全屏显示。
[0023]此外,为实现上述目的,本申请实施例还提供一种跨页切换系统,所述系统包括:
[0024]生成模块,用于在创建第一页面时生成共享资源包,保存所述第一页面和第二页面的共享元素信息;
[0025]设置模块,用于将所述第二页面设置为透明主题;
[0026]跳转模块,用于响应于用户在所述第一页面的预设操作,根据所述共享资源包中的所述共享元素信息跳转至所述第二页面,并在所述第二页面的视图绘制完成后将所述第二页面设置为非透明主题。
[0027]为实现上述目的,本申请实施例还提供一种电子装置,所述电子装置包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的跨页切换程序,所述跨页切换程序被所述处理器执行时实现如上述的跨页切换方法。
[0028]为实现上述目的,本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有跨页切换程序,所述跨页切换程序被处理器执行时实现如上述的跨页切换方法。
[0029]本申请实施例提出的跨页切换方法、系统、电子装置及计算机可读存储介质,能够在从第一页面跳转至第二页面时,通过将第二页面的主题设置为透明,等第二页面视图显示出来后再将主题设置为非透明,配合共享资源包中保存的共享元素信息,真正做到跨页无缝切换的效果,使用户感觉不到播放中断和黑屏的现象,有效提升用户体验。
附图说明
[0030]图1为实现本申请各个实施例的一种应用环境架构图;
[0031]图2为本申请第一实施例提出的一种跨页切换方法的流程图;
[0032]图3为本申请中第一页面与第二页面之间共享元素信息的一种示意图;
[0033]图4为本申请中跳转过程中将所述第二页面设置为透明主题和非透明主题的示意图;
[0034]图5为本申请第二实施例提出的一种跨页切换方法的流程图;
[0035]图6为本申请中跳转过程中通过动画效果过渡播放器大小的示意图;
[0036]图7为本申请第三实施例提出的一种跨页切换方法的流程图;
[0037]图8为本申请第四实施例提出的一种电子装置的硬件架构示意图;
[0038]图9为本申请第五实施例提出的一种跨页切换系统的模块示意图。
具体实施方式
[0039]为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处所描述的具体实施例仅用以解释本申请,并不用于限定本申请。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
[0040]需要说明的是,在本申请实施例中涉及“第一”、“第二”等的描述仅用于描述目的,而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外,各个实施例之间的技术方案可以相互结合,但是必须是以本领域普通技术人员能够实现为基础,当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在,也不在本申请要求的保护范围之内。
[0041]请参阅图1,图1为实现本申请各个实施例的一种应用环境架构图。本申请可应用于包括,但不仅限于客户端2、服务器4、网络6的应用环境中。
[0042]其中,所述客户端2用于向用户展示页面内容,例如播放直播内容(直播卡片页面和直播详情页面),并接收用户的各种操作。所述客户端2可以为PC(Personal Computer,个人电脑)、手机、平板电脑、便携计算机、可穿戴设备等终端设备。
[0043]所述服务器4用于为所述客户端2提供数据和技术支持。所述服务器4可以是机架式服务器、刀片式服务器、塔式服务器或机柜式服务器等计算设备,本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种跨页切换方法,其特征在于,所述方法包括:在创建第一页面时生成共享资源包,保存所述第一页面和第二页面的共享元素信息;将所述第二页面设置为透明主题;响应于用户在所述第一页面的预设操作,根据所述共享资源包中的所述共享元素信息跳转至所述第二页面,并在所述第二页面的视图绘制完成后将所述第二页面设置为非透明主题。2.根据权利要求1所述的跨页切换方法,其特征在于,所述第一页面为直播卡片页面,包括相应直播间的直播画面,不包括所述直播间的送礼面板、消息互动区组件;所述第二页面为直播详情页面,包括所述直播画面及所述送礼面板、消息互动区组件。3.根据权利要求2所述的跨页切换方法,其特征在于,所述共享元素信息包括播放器的显示区域、播放器实例和所述直播画面的拉流模块。4.根据权利要求1至3任一项所述的跨页切换方法,其特征在于,所述将所述第二页面设置为透明主题包括:在所述第二页面对应的配置文件中将所述第二页面的主题设置为透明。5.根据权利要求1至4任一项所述的跨页切换方法,其特征在于,所述将所述第二页面设置为非透明主题包括:通过反射调用Activity中的convertFromTranslucent方法,将所述第二页面由透明主题修改为非透明主题。6.根据权利要求2或3所述的跨页切换方法,其特征在于,所述方法还包括:将所述第二页面设置为一个新的Activity,继承所述第二页面对应的所述直播间的原始页面的Activity。7.根据权利要求3至6任一项所述的跨页切换方法,其特征在于,所述根据所述共享资源包中的所述共享元素信息跳转至所述第二页面包括:从所述第一页面对应的...

【专利技术属性】
技术研发人员:丁思成杨帆刘神恩杜峰符家伟赵淑超
申请(专利权)人:上海哔哩哔哩科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1