页面切换显示方法、装置、存储介质及电子设备与流程

    专利2022-07-08  81


    本公开涉及计算机技术领域,具体地,涉及一种页面切换显示方法、装置、存储介质及电子设备。



    背景技术:

    随着计算机技术的不断发展,终端设备中内容的显示方式包括卡片形式和落地页形式。比如,对于线上广告而言,当用户使用终端设备浏览内容时,可以根据用户浏览的内容推送卡片形式广告,当用户需要进一步了解卡片形式广告对应的内容时,可以点击该卡片式广告,从而跳转到落地页形式广告。

    但是,相关技术中通常将卡片形式的页面与落地页形式的页面作为两个独立的页面,因此在从卡片形式的页面跳转至落地页形式的页面时需要重新进行页面渲染,可能存在跳转过程中出现白屏。并且由于卡片形式的页面和落地页形式的页面相互独立,因此两个页面的数据不共用。但实际应用中落地页形式的页面通常会包括卡片形式的页面内容,因此按照相关技术中的跳转方式,会导致显示内容的重复获取,造成网络资源的浪费。



    技术实现要素:

    提供该发明内容部分以便以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。

    第一方面,本公开提供一种页面切换显示方法,所述方法包括:

    响应于针对第一显示窗口的切换显示操作,控制所述第一显示窗口的高度和宽度变化,以将所述第一显示窗口切换为第二显示窗口;

    确定待显示在所述第二显示窗口的目标显示内容,所述目标显示内容包括所述第一显示窗口对应的第一显示内容和所述第二显示窗口对应的第二显示内容,其中,所述第二显示内容是在获取所述第一显示内容时同步获取、且在所述第一显示窗口的显示过程中隐藏显示的内容;

    控制所述目标显示内容显示在所述第二显示窗口。

    第二方面,本公开提供一种页面切换显示装置,所述装置包括:

    切换控制模块,用于响应于针对第一显示窗口的切换显示操作,控制所述第一显示窗口的高度和宽度变化,以将所述第一显示窗口切换为第二显示窗口;

    内容确定模块,用于确定待显示在所述第二显示窗口的目标显示内容,所述目标显示内容包括所述第一显示窗口对应的第一显示内容和所述第二显示窗口对应的第二显示内容,其中,所述第二显示内容是在获取所述第一显示内容时同步获取、且在所述第一显示窗口的显示过程中隐藏显示的内容;

    显示控制模块,用于控制所述目标显示内容显示在所述第二显示窗口。

    第三方面,本公开提供一种计算机可读介质,其上存储有计算机程序,该程序被处理装置执行时实现第一方面中所述方法的步骤。

    第四方面,本公开提供一种电子设备,包括:

    存储装置,其上存储有计算机程序;

    处理装置,用于执行所述存储装置中的所述计算机程序,以实现第一方面中所述方法的步骤。

    通过上述技术方案,可以通过窗口的尺寸变化以及显示内容显示状态的控制实现从卡片形式内容到落地页内容的跳转过程。其中,由于是通过第一显示窗口的尺寸变化得到新的第二显示窗口,属于同一个页面上的显示,因此无需重新进行页面渲染,可以减少页面渲染时间,并且在获取第一显示窗口的第一显示内容时可以同步获取新的第二显示窗口的第二显示内容到终端设备本地,从而可以避免重复获取显示内容,减少网络资源的浪费。

    本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。

    附图说明

    结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。在附图中:

    图1是卡片式内容和落地页内容的示意图;

    图2是根据本公开一示例性实施例示出的一种页面切换显示方法的流程图;

    图3是根据本公开一示例性实施例示出的一种页面切换显示方法中的页面切换过程示意图;

    图4是根据本公开另一示例性实施例示出的一种页面切换显示方法中的页面切换过程示意图;

    图5是根据本公开另一示例性实施例示出的一种页面切换显示方法中的页面切换过程示意图;

    图6是根据本公开另一示例性实施例示出的一种页面切换显示方法中的页面切换过程示意图;

    图7是根据本公开一示例性实施例示出的一种页面切换显示装置的框图;

    图8是根据本公开一示例性实施例示出的一种电子设备的框图。

    具体实施方式

    下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。

    应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。

    本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。

    需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。另外需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。

    本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。

    参照图1,终端设备中内容的显示方式包括卡片形式和落地页形式,用户通过点击卡片形式的页面可以跳转到落地页形式的页面。但是,正如背景技术所言,相关技术通常将卡片形式的页面与落地页形式的页面作为两个独立的页面,因此在从卡片形式的页面跳转至落地页形式的页面时需要重新进行页面渲染,可能存在跳转过程中出现白屏。并且由于卡片形式的页面和落地页形式的页面相互独立,因此两个页面的数据不共用。但实际应用中落地页形式的页面通常会包括卡片形式的页面内容,因此按照相关技术中的跳转方式,会导致显示内容的重复获取,造成网络资源的浪费。

    有鉴于此,本公开提供一种页面切换显示方法、装置、存储介质及电子设备,以解决从卡片形式的页面跳转至落地页形式的页面过程中,存在的白屏问题以及由于显示内容重复获取而造成的资源浪费问题。

    图2是根据本公开一示例性实施例示出的一种页面切换显示方法的流程图。参照图2,该页面切换显示方法包括:

    步骤201,响应于针对第一显示窗口的切换显示操作,控制第一显示窗口的高度和宽度变化,以将第一显示窗口切换为第二显示窗口。

    示例地,切换显示操作可以是用户针对第一显示窗口任意位置的点击操作、长按操作、滑动操作等等,本公开实施例对此不作限定。第一显示窗口可以是用于显示卡片形式内容的窗口,第二显示窗口可以是用于显示落地页内容的窗口。由于落地页内容通常比卡片形式内容更丰富,因此第二显示窗口的尺寸可以比第一显示窗口大。因此,控制第一显示窗口的高度和宽度变化,以将第一显示窗口切换为第二显示窗口,比如可以是控制第一显示窗口的高度和宽度同时增大相同的尺度,或者控制第一显示窗口的高度增大第一尺度,并控制第一显示窗口的宽度增大第二尺度,等等,本公开实施例对此也不作限定,在具体实施时,可以根据不同的应用场景进行设定。

    在可能的方式中,控制第一显示窗口的高度和宽度变化,以将第一显示窗口切换为第二显示窗口,可以是:控制第一显示窗口的高度变化为屏幕宽度,并控制第一显示窗口的长度变化为屏幕长度,以将第一显示窗口切换为全屏显示的第二显示窗口。也即是说,第二显示窗口可以全屏显示,以将落地页内容进行全屏展示,方便用户详细了解第一显示窗口中卡片形式内容对应的更丰富的内容,在广告推送的场景下,则可以向用户推送更多广告内容。

    步骤202,确定待显示在第二显示窗口的目标显示内容,该目标显示内容包括第一显示窗口对应的第一显示内容和第二显示窗口对应的第二显示内容,其中,第二显示内容是在获取第一显示内容时同步获取、且在第一显示窗口的显示过程中隐藏显示的内容。

    示例地,在显示第一显示窗口之前,可以获取第一显示窗口对应的第一显示内容,比如该第一显示内容可以是卡片形式的广告内容。同时,为了避免重复获取显示内容,减少网络资源的浪费,可以在获取第一显示内容时同步获取第二显示窗口对应的第二显示内容,比如可该第二显示内容可以是落地页独有的广告内容。在获取第二显示内容后,可以将获取到的第二显示内容存储到终端设备。

    在第一显示窗口的显示过程中,可以控制第二显示内容隐藏显示,从而在避免重复获取显示内容的同时保证第一显示窗口的正常显示。在后续过程中,若检测到针对第一显示窗口的切换显示操作,则可以在将第一显示窗口切换为第二显示窗口的同时或之后,获取存储在终端设备中的第二显示内容,并结合第一显示窗口对应的原有显示内容(即第一显示内容)得到待显示在第二显示窗口的目标显示内容。

    步骤203,控制目标显示内容显示在第二显示窗口。

    按照上述方式,可以通过窗口的尺寸变化以及显示内容显示状态的控制实现从卡片形式内容到落地页内容的跳转过程。其中,由于是通过第一显示窗口的尺寸变化得到新的第二显示窗口,属于同一个页面上的显示,因此无需重新进行页面渲染,可以减少页面渲染时间,并且在获取第一显示窗口的第一显示内容时可以同步获取新的第二显示窗口的第二显示内容到终端设备本地,从而可以避免重复获取显示内容,减少网络资源的浪费。

    下面对控制目标显示内容显示在第二显示窗口的可能方式进行说明。

    在一可能的方式中,控制目标显示内容显示在第二显示窗口可以是:先控制第一显示内容显示在第二显示窗口的顶部显示区域,然后控制第二显示内容从屏幕外移入,以填充第二显示窗口中位于顶部显示区域下方的剩余显示区域。

    示例地,顶部显示区域可以是根据第一显示内容而预先自定义的,比如第一显示内容比较多,为了显示完整的第一显示内容,该顶部显示区域可以设定得较大,反之第一显示内容比较少,则可以将该顶部显示区域设定的较小,本公开实施例对此不作限定,只要顶部显示区域可以显示完整的第一显示内容即可。通常而言,第二显示窗口会比第一显示窗口对应的显示区域大,因此第二显示窗口在显示第一显示内容后,即第二显示窗口中除顶部显示区域外,还可以有位于顶部显示区域下方的剩余显示区域,该剩余显示区域可以用于显示第二显示内容,从而可以使包括第一显示内容和第二显示内容的目标显示内容完整显示在第二显示窗口。

    示例地,控制第二显示内容从屏幕外移入比如可以是控制第二显示内容从屏幕外平滑移入,或者可以是控制第二显示内容从屏幕外通过旋转的方式移入,又或者还可以是控制第二显示内容从屏幕外通过3d翻滚的方式移入,等等,本公开实施例对于第二显示内容从屏幕外移入的动画效果不作限定,可以根据实际情况采用相关技术中的任意平移动画效果。此外,可以控制第二显示内容从屏幕下方移入,或者可以控制第二显示内容从屏幕左方移入,又或者可以控制第二显示内容从屏幕右下角移入,等等,本公开实施例对此也不作限定,可以根据实际情况进行设定。或者,还可以控制第二显示内容移入屏幕的速度,比如控制第二显示内容快速移入屏幕,或者控制第二显示内容逐渐缓慢移入屏幕,等等,本公开实施例对此也不作限定

    以从屏幕下方平滑移入为例,参照图3,在用户浏览feed流内容时,可以根据用户当前浏览的feed流内容,渲染小窗口容器,显示第一显示窗口,以通过第一显示窗口向用户显示卡片形式的广告(即第一显示内容)。在用户对该第一显示窗口内的卡片形式广告感兴趣,想要进一步了解相关内容时,用户可以触发针对该第一显示窗口的切换显示操作。然后响应于该切换显示操作,可以控制第一显示窗口的高度和宽度增大预设尺寸(该预设尺寸根据第一显示窗口以及屏幕的尺寸确定),直至第一显示窗口变化为全屏显示的第二显示窗口,以遮挡终端设备显示的feed流内容,便于用户查看第二显示窗口中的显示内容。其中,第二显示窗口可以用于显示落地页广告内容,该落地页广告内容可以包括第一显示窗口中的原有卡片形式的广告内容(即第一显示内容)以及落地页独有的广告内容(即第二显示内容)。在切换得到第二显示窗口后,可以先控制卡片形式的广告内容显示在第二显示窗口的顶部显示区域。然后控制落地页独有的广告内容从屏幕下方往屏幕上方平滑移入,以填充第二显示窗口中位于顶部显示区域下方的剩余显示区域,从而显示完整的落地页广告内容。

    通过上述方式中,在从卡片形式的页面跳转到落地页的过程中增加了中间转场动画,可以使得卡片形式的页面跳转至落地页的过程中,跳转流畅,减少跳转过程中出现的白屏或卡顿问题,并且避免由于卡片形式的页面与落地页相互独立而导致的转场生硬问题,提升用户对于页面切换的观感。

    在另一可能的方式中,控制第一显示窗口的高度和宽度变化,以将第一显示窗口切换为第二显示窗口可以是:控制第一显示窗口移出屏幕,并在第一显示窗口完全移出屏幕后,控制第一显示窗口的高度和长度变化,以将第一显示窗口切换为第二显示窗口。相应地,控制目标显示内容显示在第二显示窗口可以是:控制第一显示内容显示在第二显示窗口的顶部显示区域,并控制第二显示内容显示在第二显示窗口中位于顶部显示区域下方的剩余显示区域,然后将显示有目标显示内容的第二显示窗口从屏幕外移入。

    也即是说,可以控制第一显示窗口整体移出屏幕,然后在第一显示窗口移出屏幕后切换得到第二显示窗口并进行第二显示窗口的显示布局调整,然后再将调整后的第二显示窗口从屏幕外移入。

    示例地,控制第一显示窗口移出屏幕可以是控制第一显示窗口从屏幕下方移出,或者可以控制第一显示窗口从屏幕左方移出,又或者可以控制第一显示窗口从屏幕左上角移出,等等,本公开实施例对此不作限定,可以根据实际情况进行设定。并且,还可以控制第一显示窗口移出屏幕的速度,比如控制第一显示窗口快速移出屏幕,或者控制第一显示窗口逐渐缓慢移出屏幕,等等,本公开实施例对此也不作限定。

    在确定第一显示窗口完全移出屏幕之后,可以控制第一显示窗口的高度和长度变化,以将第一显示窗口切换为第二显示窗口。该过程与上文所述的控制方式类似,这里不再赘述。

    相应地,在屏幕外将第一显示窗口切换为第二显示窗口后,可以控制第二显示窗口中的显示布局,比如控制第一显示内容显示在第二显示窗口的顶部显示区域,并控制第二显示内容显示在第二显示窗口中位于顶部显示区域下方的剩余显示区域。然后,在第二显示窗口中的显示布局调整完成后,可以将显示有目标显示内容的第二显示窗口从屏幕外移入,以展示切换显示操作后的第二显示窗口。其中,第二显示窗口从屏幕外移入的方式与上文第二显示内容从屏幕外移入的方式类似,这里不再赘述。

    以第一显示窗口从屏幕下方移出,且第二显示窗口从屏幕下方移入为例,参照图4,在用户浏览feed流内容时,可以根据用户当前浏览的feed流内容,渲染小窗口容器,显示第一显示窗口,以通过第一显示窗口向用户显示卡片形式的广告(即第一显示内容)。在用户对该第一显示窗口内的卡片形式广告感兴趣,想要进一步了解相关内容时,用户可以触发针对该第一显示窗口的切换显示操作。然后响应于该切换显示操作,可以控制第一显示窗口整体从屏幕下方移出,并在第一显示窗口完全移出屏幕后,控制第一显示窗口的高度和长度变化,以将第一显示窗口切换为第二显示窗口,比如控制第一显示窗口的高度和宽度增大,以使第二显示窗口的尺寸与屏幕尺寸一致。其中,第二显示窗口可以用于显示落地页广告内容,该落地页广告内容可以包括第一显示窗口中的卡片形式的广告内容(即第一显示内容)以及落地页独有的广告内容(即第二显示内容)。在切换得到第二显示窗口后,可以进行第二显示窗口的显示布局调整。具体的,可以先控制卡片形式的广告内容显示在第二显示窗口的顶部显示区域。然后控制落地页独有的广告内容显示在第二显示窗口中位于顶部显示区域下方的剩余显示区域。最后,可以将完成显示布局调整的第二显示窗口从屏幕下方逐渐向屏幕上方移入,从而显示完整的落地页广告内容。

    通过上述方式中,在从卡片形式的页面跳转到落地页的过程中增加了中间转场动画,可以使得卡片形式的页面跳转至落地页的过程中,跳转流畅,减少跳转过程中出现的白屏或卡顿问题,并且避免由于卡片形式的页面与落地页相互独立而导致的转场生硬问题,提升用户对于页面切换的观感。

    在另一可能的方式中,控制目标显示内容显示在第二显示窗口可以是:控制第一显示内容分裂为多个显示子内容,其中每一个显示子内容在第二显示窗口对应有预设的目标显示区域。然后针对每一个显示子内容,可以根据该显示子内容对应的位置显示参数,控制该显示子内容移动到对应的目标显示区域进行显示,并在第二显示内容中确定与该显示子内容关联的其他显示内容,控制其他显示内容显示在目标显示区域中的剩余显示区域。

    示例地,可以根据第一显示内容的内容多少预先设定将第一显示内容分裂而得到的显示子内容的数量,并对应设定每一显示子内容在第二显示窗口的目标显示区域。其中,由于第一显示内容在第二显示窗口中的显示区域固定,因此分裂得到的显示子内容数量不同,则每一显示子内容在第二显示窗口的目标显示区域的尺寸也不同。比如,将第一显示内容分裂为4个显示子内容,每一显示子内容在第二显示窗口的目标显示区域为第一尺寸。将第一显示内容分裂为7个显示子内容,每一显示子内容在第二显示窗口的目标显示区域为第二尺寸。可以理解的是,第一尺寸比第二尺寸大。

    示例地,位置显示参数用于表征显示子内容对应的目标显示区域的位置坐标,比如可以是目标显示区域每个顶点的坐标,等等,本公开实施例对此不作限定。根据位置显示参数,可以控制显示子内容移动到对应的目标显示区域进行显示,从而实现第一显示内容在第二显示窗口中的显示。

    进一步,对于第二显示窗口中的第二显示内容的显示,可以在第二显示内容中确定与该显示子内容关联的其他显示内容,控制其他显示内容显示在目标显示区域中的剩余显示区域。示例地,可以预先设定分裂得到的每一显示子内容关联的第二显示内容,比如可以对显示子内容和该显示子内容关联的第二显示内容添加相同的标识信息等等,本公开实施例对此不作限定。

    示例地,控制显示子内容移动到对应的目标显示区域进行显示可以是控制显示子内容按照预设的移动路径进行平滑移动,或者可以是可显示子内容按照预设的移动路径进行翻滚移动等等,本公开实施例对此不作限定。其中,预设的移动路径的起点为显示子内容在第一显示窗口中的位置,终点为目标显示区域的位置,中间路径可以根据实际情况设定,本公开实施例不作限定。另外,控制其他显示内容显示在目标显示区域中的剩余显示区域可以是在确定其他显示内容后控制其他显示内容从屏幕外移入,比如从屏幕下方移入等等,以填充在目标显示区域中的剩余显示区域,本公开实施例对此也不作限定,可以参考上文所述的第二显示内容移入方式。

    在实际应用中,第一显示窗口可以用于显示用户感兴趣的商品列表,该商品列表包括多个商品缩略图,当用户点击该第一显示窗口中的任意位置时通常是想要了解具体的商品详情。在此种场景下,本公开实施例提供一种分裂转场动画,参照图5,在响应于针对第一显示窗口的切换显示操作后,可以控制第一显示窗口的高度和宽度变化,以将第一显示窗口切换为第二显示窗口。同时,可以确定待显示在第二显示窗口的目标显示内容,该目标显示内容包括商品列表(即第一显示内容)以及商品列表中每一商品对应的商品详情信息(即第二显示内容)。然后,可以先将商品列表分裂为多个显示子内容,每一显示子内容对应商品列表中的一个商品缩略图。然后,可以针对每一个商品缩略图(即每一显示子内容),根据该商品缩略图对应的位置显示参数,控制该商品缩略图移动到落地页对应的目标显示区域(如图5中虚线框包括的区域)进行显示,并在商品详情信息(即第二显示内容)中确定与该商品缩略图关联的商品详情信息,然后控制该商品详情信息显示在目标显示区域中的剩余显示区域,从而在第二显示窗口中向用户展示详细的商品信息。

    通过上述方式中,在从卡片形式的页面跳转到落地页的过程中增加了分裂转场动画,可以使得卡片形式的页面跳转至落地页的过程中,跳转流畅,减少跳转过程中出现的白屏或卡顿问题,并且避免由于卡片形式的页面与落地页相互独立而导致的转场生硬问题,提升用户对于页面切换的观感。

    应当理解的是,在实际应用中,可以根据上述不同的方式针对卡片形式的页面以及落地页预先设定多种可能的转场动画,然后根据用户的选择确定具体的转场动画,以使本公开实施例中的页面切换方法可以广泛应用于不同场景,满足用户的不同需求。

    在可能的方式中,在将第一显示窗口切换为第二显示窗口的过程中,还可以控制第二显示窗口的背景,以提升用户观感。具体的,可以控制第一显示窗口的背景变为透明,并在第一显示窗口的背景变为完全透明后,控制第一显示窗口的透明度减小,以得到透明度为预设阈值的第二显示窗口;和/或,当第一显示窗口显示在屏幕当前内容页面的上层时,根据当前内容页面的显示色调,控制第二显示窗口的背景颜色,以使第二显示窗口的背景颜色与当前内容页面的显示色调相符。

    示例地,预设阈值可以根据实际情况设定,本公开实施例对此不作限定。另外,可以预先设定不同显示色调与第二显示窗口背景颜色之间的对应关系,因此当确定当前内容页面的显示色调后,则可以根据该显示色调以及该对应关系,确定第二显示窗口的背景颜色。

    例如,当用户触发切换显示操作后,第一显示窗口可以逐渐变为透明,在第一显示窗口完全变为透明后,控制该第一显示窗口的透明度减小,即控制第一显示窗口逐渐变为不透明。由于此过程可以执行在将第一显示窗口切换为第二显示窗口的过程中,因此用户可以看到的是第一显示窗口的尺寸逐渐变大并且透明度逐渐变小。当第一显示窗口的背景变为完全透明时,第一显示窗口可能完全切换为第二显示窗口,因此用户可以看到比第一显示窗口尺寸更大的第二显示窗口逐渐显现,直到第二显示窗口的透明度变为预设阈值,用户可以看到完整的第二显示窗口。

    又例如,在用户浏览feed流内容的情况下,第一显示窗口可以显示在feed流内容的上层,因此可以根据feed流内容的的显示色调,控制第二显示窗口的背景颜色,以使第二显示窗口的背景颜色与feed流内容的显示色调相符。比如,feed流内容为蓝色天空的视频,则可以确定feed流内容的的显示色调为蓝色,因此可以控制第二显示窗口的背景颜色为蓝色。

    通过上述方式,可以在从卡片形式的页面跳转到落地页的过程中控制第二显示窗口的背景显示,使得卡片形式的页面跳转至落地页的过程中,背景过渡自然,提升用户对于页面切换的观感。

    在显示第二显示窗口后,用户可能还想要切换回第一显示窗口,以继续浏览将第一显示窗口切换为第二显示窗口之前的屏幕显示内容。因此,在可能的方式中,可以响应于针对第二显示窗口的切换显示操作,控制第二显示窗口移出屏幕,并在第二显示窗口完全移出屏幕后,控制第二显示窗口的高度和长度变化,以将第二显示窗口切换为第一显示窗口,然后控制第一显示内容还原显示在第一显示窗口,并控制第二显示内容隐藏显示,最后控制显示有第一显示内容的第一显示窗口从屏幕外移入。

    示例地,针对第二显示窗口的切换显示操作可以是用户针对第二显示窗口任意位置的点击操作、长按操作、滑动操作等等,本公开实施例对此不作限定。控制第二显示窗口移出屏幕的方式与上述控制第一显示窗口移出屏幕的方式类似,这里不再赘述。

    示例地,控制第二显示窗口的高度和长度变化,以将第二显示窗口切换为第一显示窗口可以是控制第二显示窗口的高度和宽度同时减小相同的尺度,或者控制第二显示窗口的高度减小第三尺度,并控制第二显示窗口的宽度减小第三尺度,等等,本公开实施例对此也不作限定,在具体实施时,可以根据将第一显示窗口切换为第二显示窗口的尺寸变化信息进行反向变化确定控制第二显示窗口变化的尺寸。

    在将第二显示窗口切换为第一显示窗口之后,可以控制第一显示窗口对应的第一显示内容还原显示在第一显示窗口,并控制第二显示内容隐藏显示,以完成针对第一显示窗口的显示布局调整。最后,可以将完成显示布局调整的第一显示窗口从屏幕外移入,即控制显示有第一显示内容的第一显示窗口从屏幕外移入,以实现第二显示窗口到第一显示窗口的还原显示。其中,第一显示窗口从屏幕外移入的方式与上文第二显示内容从屏幕外移入的方式类似,这里不再赘述。

    例如,参照图6,第一显示窗口用于显示卡片显示广告,第二显示窗口用于显示落地页广告,在将第一显示窗口切换为第二显示窗口之后,响应于针对该第二显示窗口的切换显示操作,可以先控制第二显示窗口移出屏幕,并在第二显示窗口完全移出屏幕后,控制第二显示窗口的高度和长度变化,以将第二显示窗口切换为第一显示窗口。同时,可以控制第一显示内容还原显示在第一显示窗口,并控制第二显示内容隐藏显示。最后,控制显示有第一显示内容的第一显示窗口从屏幕外移入,以还原显示卡片形式的广告。

    当然,在其他可能的方式中,从落地页到卡片式内容的还原显示方式还可以是上述任一从卡片式内容到落地页内容的反向动画,比如通过分裂动画的方式从卡片式内容到落地页内容,相应地在从落地页内容到卡片式内容的过程中,可以是先将落地页内容分裂为卡片式内容对应的显示子内容,然后控制每一显示子内容移动到第一显示窗口的对应位置,以还原显示卡片形式的广告。具体的过程可以通过上述关于通过分裂动画的说明内容进行推导得到,这里不再赘述。

    按照本公开实施例提供的任一页面切换方式,可以通过窗口的尺寸变化以及显示内容显示状态的控制实现从卡片形式内容到落地页内容的跳转过程。其中,由于是通过第一显示窗口的尺寸变化得到新的第二显示窗口,属于同一个页面上的显示,因此无需重新进行页面渲染,可以减少页面渲染时间,并且在获取第一显示窗口的第一显示内容时可以同步获取新的第二显示窗口的第二显示内容到终端设备本地,从而可以避免重复获取显示内容,减少网络资源的浪费。此外,还可以增加卡片形式的页面到落地页的中间转场动画,使得页面切换流畅,减少白屏或卡顿问题,并且避免由于卡片形式的页面与落地页相互独立而导致的转场生硬问题,提升用户对于页面切换的观感。

    基于同一发明构思,本公开实施例还提供一种页面切换装置,该装置可以通过软件、硬件或者两者结合的方式成为电子设备的部分或全部。参照图7,该页面切换装置包括:

    切换控制模块701,用于响应于针对第一显示窗口的切换显示操作,控制所述第一显示窗口的高度和宽度变化,以将所述第一显示窗口切换为第二显示窗口;

    内容确定模块702,用于确定待显示在所述第二显示窗口的目标显示内容,所述目标显示内容包括所述第一显示窗口对应的第一显示内容和所述第二显示窗口对应的第二显示内容,其中,所述第二显示内容是在获取所述第一显示内容时同步获取、且在所述第一显示窗口的显示过程中隐藏显示的内容;

    显示控制模块703,用于控制所述目标显示内容显示在所述第二显示窗口。

    可选地,所述显示控制模块703用于:

    控制所述第一显示内容显示在所述第二显示窗口的顶部显示区域;

    控制所述第二显示内容从屏幕外移入,以填充所述第二显示窗口中位于所述顶部显示区域下方的剩余显示区域。

    可选地,所述切换控制模块701用于:

    控制所述第一显示窗口移出屏幕,并在所述第一显示窗口完全移出所述屏幕后,控制所述第一显示窗口的高度和长度变化,以将所述第一显示窗口切换为第二显示窗口;

    所述显示控制模块703用于:

    控制所述第一显示内容显示在所述第二显示窗口的顶部显示区域,并控制所述第二显示内容显示在所述第二显示窗口中位于所述顶部显示区域下方的剩余显示区域;

    将显示有所述目标显示内容的所述第二显示窗口从屏幕外移入。

    可选地,所述显示控制模块703用于:

    控制所述第一显示内容分裂为多个显示子内容,其中每一个所述显示子内容在所述第二显示窗口对应有预设的目标显示区域;

    针对每一个所述显示子内容,根据该显示子内容对应的位置显示参数,控制该显示子内容移动到对应的所述目标显示区域进行显示,并在所述第二显示内容中确定与该显示子内容关联的其他显示内容,控制所述其他显示内容显示在所述目标显示区域中的剩余显示区域。

    可选地,所述装置700还包括:

    第一控制模块,用于响应于针对所述第二显示窗口的切换显示操作,控制所述第二显示窗口移出屏幕,并在所述第二显示窗口完全移出屏幕后,控制所述第二显示窗口的高度和长度变化,以将所述第二显示窗口切换为所述第一显示窗口;

    还原显示模块,用于控制所述第一显示内容还原显示在所述第一显示窗口,并控制所述第二显示内容隐藏显示;

    第二控制模块,用于控制显示有所述第一显示内容的所述第一显示窗口从所述屏幕外移入。

    可选地,所述装置700还包括:

    第一背景控制模块,用于在将所述第一显示窗口切换为所述第二显示窗口的过程中,控制所述第一显示窗口的背景变为透明,并在所述第一显示窗口的背景变为完全透明后,控制所述第一显示窗口的透明度减小,以得到透明度为预设阈值的所述第二显示窗口;和/或

    第二背景控制模块,用于当所述第一显示窗口显示在屏幕当前内容页面的上层时,根据所述当前内容页面的显示色调,控制所述第二显示窗口的背景颜色,以使所述第二显示窗口的背景颜色与所述当前内容页面的显示色调相符。

    可选地,所述切换控制模块701用于:

    控制所述第一显示窗口的高度变化为屏幕宽度,并控制所述第一显示窗口的长度变化为屏幕长度,以将所述第一显示窗口切换为全屏显示的第二显示窗口。

    关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。

    基于同一发明构思,本公开实施例还提供一种计算机可读介质,其上存储有计算机程序,该程序被处理装置执行时实现上述任一页面切换显示方法的步骤。

    基于同一发明构思,本公开实施例还提供一种电子设备,包括:

    存储装置,其上存储有计算机程序;

    处理装置,用于执行所述存储装置中的所述计算机程序,以实现上述任一页面切换显示方法的步骤。

    下面参考图8,其示出了适于用来实现本公开实施例的电子设备800的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、pda(个人数字助理)、pad(平板电脑)、pmp(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字tv、台式计算机等等的固定终端。图8示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。

    如图8所示,电子设备800可以包括处理装置(例如中央处理器、图形处理器等)801,其可以根据存储在只读存储器(rom)802中的程序或者从存储装置808加载到随机访问存储器(ram)803中的程序而执行各种适当的动作和处理。在ram803中,还存储有电子设备800操作所需的各种程序和数据。处理装置801、rom802以及ram803通过总线804彼此相连。输入/输出(i/o)接口805也连接至总线804。

    通常,以下装置可以连接至i/o接口805:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置806;包括例如液晶显示器(lcd)、扬声器、振动器等的输出装置807;包括例如磁带、硬盘等的存储装置808;以及通信装置809。通信装置809可以允许电子设备800与其他设备进行无线或有线通信以交换数据。虽然图8示出了具有各种装置的电子设备800,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

    特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置809从网络上被下载和安装,或者从存储装置808被安装,或者从rom802被安装。在该计算机程序被处理装置801执行时,执行本公开实施例的方法中限定的上述功能。

    需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、rf(射频)等等,或者上述的任意合适的组合。

    在一些实施方式中,可以利用诸如http(hypertexttransferprotocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“lan”),广域网(“wan”),网际网(例如,互联网)以及端对端网络(例如,adhoc端对端网络),以及任何当前已知或未来研发的网络。

    上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。

    上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:响应于针对第一显示窗口的切换显示操作,控制所述第一显示窗口的高度和宽度变化,以将所述第一显示窗口切换为第二显示窗口;确定待显示在所述第二显示窗口的目标显示内容,所述目标显示内容包括所述第一显示窗口对应的第一显示内容和所述第二显示窗口对应的第二显示内容,其中,所述第二显示内容是在获取所述第一显示内容时同步获取、且在所述第一显示窗口的显示过程中隐藏显示的内容;控制所述目标显示内容显示在所述第二显示窗口。。

    可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如java、smalltalk、c ,还包括常规的过程式程序设计语言——诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(lan)或广域网(wan)——连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

    附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。

    描述于本公开实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在某种情况下并不构成对该模块本身的限定。

    本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、片上系统(soc)、复杂可编程逻辑设备(cpld)等等。

    在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd-rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

    根据本公开的一个或多个实施例,示例1提供了一种页面切换显示方法,所述方法包括:

    响应于针对第一显示窗口的切换显示操作,控制所述第一显示窗口的高度和宽度变化,以将所述第一显示窗口切换为第二显示窗口;

    确定待显示在所述第二显示窗口的目标显示内容,所述目标显示内容包括所述第一显示窗口对应的第一显示内容和所述第二显示窗口对应的第二显示内容,其中,所述第二显示内容是在获取所述第一显示内容时同步获取、且在所述第一显示窗口的显示过程中隐藏显示的内容;

    控制所述目标显示内容显示在所述第二显示窗口。

    根据本公开的一个或多个实施例,示例2提供了示例1的方法,所述控制所述目标显示内容显示在所述第二显示窗口,包括:

    控制所述第一显示内容显示在所述第二显示窗口的顶部显示区域;

    控制所述第二显示内容从屏幕外移入,以填充所述第二显示窗口中位于所述顶部显示区域下方的剩余显示区域。

    根据本公开的一个或多个实施例,示例3提供了示例1的方法,所述控制所述第一显示窗口的高度和宽度变化,以将所述第一显示窗口切换为第二显示窗口,包括:

    控制所述第一显示窗口移出屏幕,并在所述第一显示窗口完全移出所述屏幕后,控制所述第一显示窗口的高度和长度变化,以将所述第一显示窗口切换为第二显示窗口;

    所述控制所述目标显示内容显示在所述第二显示窗口,包括:

    控制所述第一显示内容显示在所述第二显示窗口的顶部显示区域,并控制所述第二显示内容显示在所述第二显示窗口中位于所述顶部显示区域下方的剩余显示区域;

    将显示有所述目标显示内容的所述第二显示窗口从屏幕外移入。

    根据本公开的一个或多个实施例,示例4提供了示例1的方法,所述控制所述目标显示内容显示在所述第二显示窗口,包括:

    控制所述第一显示内容分裂为多个显示子内容,其中每一个所述显示子内容在所述第二显示窗口对应有预设的目标显示区域;

    针对每一个所述显示子内容,根据该显示子内容对应的位置显示参数,控制该显示子内容移动到对应的所述目标显示区域进行显示,并在所述第二显示内容中确定与该显示子内容关联的其他显示内容,控制所述其他显示内容显示在所述目标显示区域中的剩余显示区域。

    根据本公开的一个或多个实施例,示例5提供了示例1至4任一的方法,所述方法还包括:

    响应于针对所述第二显示窗口的切换显示操作,控制所述第二显示窗口移出屏幕,并在所述第二显示窗口完全移出屏幕后,控制所述第二显示窗口的高度和长度变化,以将所述第二显示窗口切换为所述第一显示窗口;

    控制所述第一显示内容还原显示在所述第一显示窗口,并控制所述第二显示内容隐藏显示;

    控制显示有所述第一显示内容的所述第一显示窗口从所述屏幕外移入。

    根据本公开的一个或多个实施例,示例6提供了示例1至4任一的方法,在将所述第一显示窗口切换为所述第二显示窗口的过程中,所述方法还包括:

    控制所述第一显示窗口的背景变为透明,并在所述第一显示窗口的背景变为完全透明后,控制所述第一显示窗口的透明度减小,以得到透明度为预设阈值的所述第二显示窗口;和/或

    当所述第一显示窗口显示在屏幕当前内容页面的上层时,根据所述当前内容页面的显示色调,控制所述第二显示窗口的背景颜色,以使所述第二显示窗口的背景颜色与所述当前内容页面的显示色调相符。

    根据本公开的一个或多个实施例,示例7提供了示例1至4任一的方法,所述控制所述第一显示窗口的高度和宽度变化,以将所述第一显示窗口切换为第二显示窗口,包括:

    控制所述第一显示窗口的高度变化为屏幕宽度,并控制所述第一显示窗口的长度变化为屏幕长度,以将所述第一显示窗口切换为全屏显示的第二显示窗口。

    根据本公开的一个或多个实施例,示例8提供了一种页面切换显示装置,所述装置包括:

    切换控制模块,用于响应于针对第一显示窗口的切换显示操作,控制所述第一显示窗口的高度和宽度变化,以将所述第一显示窗口切换为第二显示窗口;

    内容确定模块,用于确定待显示在所述第二显示窗口的目标显示内容,所述目标显示内容包括所述第一显示窗口对应的第一显示内容和所述第二显示窗口对应的第二显示内容,其中,所述第二显示内容是在获取所述第一显示内容时同步获取、且在所述第一显示窗口的显示过程中隐藏显示的内容;

    显示控制模块,用于控制所述目标显示内容显示在所述第二显示窗口。

    根据本公开的一个或多个实施例,示例9提供了示例8的装置,所述显示控制模块用于:

    控制所述第一显示内容显示在所述第二显示窗口的顶部显示区域;

    控制所述第二显示内容从屏幕外移入,以填充所述第二显示窗口中位于所述顶部显示区域下方的剩余显示区域。

    根据本公开的一个或多个实施例,示例10提供了示例8的装置,所述切换控制模块用于:

    控制所述第一显示窗口移出屏幕,并在所述第一显示窗口完全移出所述屏幕后,控制所述第一显示窗口的高度和长度变化,以将所述第一显示窗口切换为第二显示窗口;

    所述显示控制模块用于:

    控制所述第一显示内容显示在所述第二显示窗口的顶部显示区域,并控制所述第二显示内容显示在所述第二显示窗口中位于所述顶部显示区域下方的剩余显示区域;

    将显示有所述目标显示内容的所述第二显示窗口从屏幕外移入。

    根据本公开的一个或多个实施例,示例11提供了示例8的装置,所述显示控制模块用于:

    控制所述第一显示内容分裂为多个显示子内容,其中每一个所述显示子内容在所述第二显示窗口对应有预设的目标显示区域;

    针对每一个所述显示子内容,根据该显示子内容对应的位置显示参数,控制该显示子内容移动到对应的所述目标显示区域进行显示,并在所述第二显示内容中确定与该显示子内容关联的其他显示内容,控制所述其他显示内容显示在所述目标显示区域中的剩余显示区域。

    根据本公开的一个或多个实施例,示例12提供了示例8至11任一的装置,所述装置还包括:

    第一控制模块,用于响应于针对所述第二显示窗口的切换显示操作,控制所述第二显示窗口移出屏幕,并在所述第二显示窗口完全移出屏幕后,控制所述第二显示窗口的高度和长度变化,以将所述第二显示窗口切换为所述第一显示窗口;

    还原显示模块,用于控制所述第一显示内容还原显示在所述第一显示窗口,并控制所述第二显示内容隐藏显示;

    第二控制模块,用于控制显示有所述第一显示内容的所述第一显示窗口从所述屏幕外移入。

    根据本公开的一个或多个实施例,示例13提供了示例8至11任一的装置,所述装置还包括:

    第一背景控制模块,用于在将所述第一显示窗口切换为所述第二显示窗口的过程中,控制所述第一显示窗口的背景变为透明,并在所述第一显示窗口的背景变为完全透明后,控制所述第一显示窗口的透明度减小,以得到透明度为预设阈值的所述第二显示窗口;和/或

    第二背景控制模块,用于当所述第一显示窗口显示在屏幕当前内容页面的上层时,根据所述当前内容页面的显示色调,控制所述第二显示窗口的背景颜色,以使所述第二显示窗口的背景颜色与所述当前内容页面的显示色调相符。

    根据本公开的一个或多个实施例,示例14提供了示例8至11任一的装置,所述切换控制模块用于:

    控制所述第一显示窗口的高度变化为屏幕宽度,并控制所述第一显示窗口的长度变化为屏幕长度,以将所述第一显示窗口切换为全屏显示的第二显示窗口。

    根据本公开的一个或多个实施例,示例15提供了一种计算机可读介质,其上存储有计算机程序,该程序被处理装置执行时实现示例1至7任一页面切换显示方法的步骤。

    根据本公开的一个或多个实施例,示例16提供了一种电子设备,包括:

    存储装置,其上存储有计算机程序;

    处理装置,用于执行所述存储装置中的所述计算机程序,以实现示例1至7任一页面切换显示方法的步骤。

    以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

    此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

    尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。


    技术特征:

    1.一种页面切换显示方法,其特征在于,所述方法包括:

    响应于针对第一显示窗口的切换显示操作,控制所述第一显示窗口的高度和宽度变化,以将所述第一显示窗口切换为第二显示窗口;

    确定待显示在所述第二显示窗口的目标显示内容,所述目标显示内容包括所述第一显示窗口对应的第一显示内容和所述第二显示窗口对应的第二显示内容,其中,所述第二显示内容是在获取所述第一显示内容时同步获取、且在所述第一显示窗口的显示过程中隐藏显示的内容;

    控制所述目标显示内容显示在所述第二显示窗口。

    2.根据权利要求1所述的方法,其特征在于,所述控制所述目标显示内容显示在所述第二显示窗口,包括:

    控制所述第一显示内容显示在所述第二显示窗口的顶部显示区域;

    控制所述第二显示内容从屏幕外移入,以填充所述第二显示窗口中位于所述顶部显示区域下方的剩余显示区域。

    3.根据权利要求1所述的方法,其特征在于,所述控制所述第一显示窗口的高度和宽度变化,以将所述第一显示窗口切换为第二显示窗口,包括:

    控制所述第一显示窗口移出屏幕,并在所述第一显示窗口完全移出所述屏幕后,控制所述第一显示窗口的高度和长度变化,以将所述第一显示窗口切换为第二显示窗口;

    所述控制所述目标显示内容显示在所述第二显示窗口,包括:

    控制所述第一显示内容显示在所述第二显示窗口的顶部显示区域,并控制所述第二显示内容显示在所述第二显示窗口中位于所述顶部显示区域下方的剩余显示区域;

    将显示有所述目标显示内容的所述第二显示窗口从屏幕外移入。

    4.根据权利要求1所述的方法,其特征在于,所述控制所述目标显示内容显示在所述第二显示窗口,包括:

    控制所述第一显示内容分裂为多个显示子内容,其中每一个所述显示子内容在所述第二显示窗口对应有预设的目标显示区域;

    针对每一个所述显示子内容,根据该显示子内容对应的位置显示参数,控制该显示子内容移动到对应的所述目标显示区域进行显示,并在所述第二显示内容中确定与该显示子内容关联的其他显示内容,控制所述其他显示内容显示在所述目标显示区域中的剩余显示区域。

    5.根据权利要求1-4任一项所述的方法,其特征在于,所述方法还包括:

    响应于针对所述第二显示窗口的切换显示操作,控制所述第二显示窗口移出屏幕,并在所述第二显示窗口完全移出屏幕后,控制所述第二显示窗口的高度和长度变化,以将所述第二显示窗口切换为所述第一显示窗口;

    控制所述第一显示内容还原显示在所述第一显示窗口,并控制所述第二显示内容隐藏显示;

    控制显示有所述第一显示内容的所述第一显示窗口从所述屏幕外移入。

    6.根据权利要求1-4任一项所述的方法,其特征在于,在将所述第一显示窗口切换为所述第二显示窗口的过程中,所述方法还包括:

    控制所述第一显示窗口的背景变为透明,并在所述第一显示窗口的背景变为完全透明后,控制所述第一显示窗口的透明度减小,以得到透明度为预设阈值的所述第二显示窗口;和/或

    当所述第一显示窗口显示在屏幕当前内容页面的上层时,根据所述当前内容页面的显示色调,控制所述第二显示窗口的背景颜色,以使所述第二显示窗口的背景颜色与所述当前内容页面的显示色调相符。

    7.根据权利要求1-4任一项所述的方法,其特征在于,所述控制所述第一显示窗口的高度和宽度变化,以将所述第一显示窗口切换为第二显示窗口,包括:

    控制所述第一显示窗口的高度变化为屏幕宽度,并控制所述第一显示窗口的长度变化为屏幕长度,以将所述第一显示窗口切换为全屏显示的第二显示窗口。

    8.一种页面切换显示装置,其特征在于,所述装置包括:

    切换控制模块,用于响应于针对第一显示窗口的切换显示操作,控制所述第一显示窗口的高度和宽度变化,以将所述第一显示窗口切换为第二显示窗口;

    内容确定模块,用于确定待显示在所述第二显示窗口的目标显示内容,所述目标显示内容包括所述第一显示窗口对应的第一显示内容和所述第二显示窗口对应的第二显示内容,其中,所述第二显示内容是在获取所述第一显示内容时同步获取、且在所述第一显示窗口的显示过程中隐藏显示的内容;

    显示控制模块,用于控制所述目标显示内容显示在所述第二显示窗口。

    9.一种计算机可读介质,其上存储有计算机程序,其特征在于,该程序被处理装置执行时实现权利要求1-7中任一项所述方法的步骤。

    10.一种电子设备,其特征在于,包括:

    存储装置,其上存储有计算机程序;

    处理装置,用于执行所述存储装置中的所述计算机程序,以实现权利要求1-7中任一项所述方法的步骤。

    技术总结
    本公开涉及一种页面切换方法、装置、存储介质及电子设备,以解决从卡片形式的页面跳转至落地页形式的页面过程中,存在的白屏问题以及由于显示内容重复获取而造成的资源浪费问题。该页面切换方法包括:响应于针对第一显示窗口的切换显示操作,控制所述第一显示窗口的高度和宽度变化,以将所述第一显示窗口切换为第二显示窗口;确定待显示在所述第二显示窗口的目标显示内容,所述目标显示内容包括所述第一显示窗口对应的第一显示内容和所述第二显示窗口对应的第二显示内容,其中,所述第二显示内容是在获取所述第一显示内容时同步获取、且在所述第一显示窗口的显示过程中隐藏显示的内容;控制所述目标显示内容显示在所述第二显示窗口。

    技术研发人员:张博;胡志远
    受保护的技术使用者:北京有竹居网络技术有限公司
    技术研发日:2020.11.25
    技术公布日:2021.03.12

    转载请注明原文地址:https://wp.8miu.com/read-23112.html

    最新回复(0)