CN110399064A - 显示界面的切换方法和装置、存储介质及电子装置 - Google Patents

Abstract

本发明公开了一种显示界面的切换方法和装置、存储介质及电子装置。其中，该方法包括：在终端的屏幕上显示目标应用处于竖屏状态下的第一界面，其中，第一界面中包括第一显示区域，第一显示区域用于显示目标媒体资源在竖屏状态下的竖屏画面；获取第一显示切换指令；响应于第一显示切换指令，在第一界面之上创建第一目标显示层，其中，第一目标显示层中包括第二显示区域，第二显示区域为目标应用处于横屏状态下显示的第二界面上的显示区域；在第一目标显示层中的第二显示区域中显示目标媒体资源在横屏状态下的横屏画面。本发明解决了适于竖屏的应用无法兼容横屏显示的技术问题。

Description

显示界面的切换方法和装置、存储介质及电子装置

技术领域

本发明涉及计算机领域，具体而言，涉及一种显示界面的切换方法和装置、存储介质及电子装置。

背景技术

在应用程序开发中，发明人发现随着功能的增加，对于某些应用场景需要支持横竖屏转换，从而满足相应的功能需求。但是，对于一些应用，尤其是工具类应用而言，其在工程设置上往往是仅适于竖屏的，如果通过修改工程配置的方式来兼容横屏应用场景，带来的重构工作是巨大的。

针对上述的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种显示界面的切换方法和装置、存储介质及电子装置，以至少解决适于竖屏的应用无法兼容横屏显示的技术问题。

根据本发明实施例的一个方面，提供了一种显示界面的切换方法，包括：在终端的屏幕上显示目标应用处于竖屏状态下的第一界面，其中，第一界面中包括第一显示区域，第一显示区域用于显示目标媒体资源在竖屏状态下的竖屏画面；获取第一显示切换指令；响应于第一显示切换指令，在第一界面之上创建第一目标显示层，其中，第一目标显示层中包括第二显示区域，第二显示区域为目标应用处于横屏状态下显示的第二界面上的显示区域；在第一目标显示层中的第二显示区域中显示目标媒体资源在横屏状态下的横屏画面。

根据本发明实施例的另一方面，还提供了一种显示界面的切换装置，包括：第一显示模块，用于在终端的屏幕上显示目标应用处于竖屏状态下的第一界面，其中，第一界面中包括第一显示区域，第一显示区域用于显示目标媒体资源在竖屏状态下的竖屏画面；第一获取模块，用于获取第一显示切换指令；创建模块，用于响应于第一显示切换指令，在第一界面之上创建第一目标显示层，其中，第一目标显示层中包括第二显示区域，第二显示区域为目标应用处于横屏状态下显示的第二界面上的显示区域；第二显示模块，用于在第一目标显示层中的第二显示区域中显示目标媒体资源在横屏状态下的横屏画面。

根据本发明实施例的又一方面，还提供了一种存储介质，该存储介质中存储有计算机程序，其中，该计算机程序被设置为运行时执行上述显示界面的切换方法。

根据本发明实施例的又一方面，还提供了一种电子装置，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其中，上述处理器通过计算机程序执行上述的显示界面的切换方法。

在本发明实施例中，采用在目标应用处于竖屏状态下，响应第一显示切换指令，在竖屏状态下的第一界面上创建第一目标显示层，在第一目标显示层中的第二显示区域中显示目标媒体资源在横屏状态下的横屏画面的方式，通过创建支持横屏显示状态的第一目标显示层，达到了将竖屏状态下的目标媒体资源的竖屏画面切换至横屏画面的目的，从而实现了竖屏状态下的应用兼容横屏显示的技术效果，进而解决了适于竖屏的应用无法兼容横屏显示的技术问题。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的一种可选的显示界面的切换方法的应用环境的示意图；

图2是根据本发明实施例的一种可选的显示界面的切换方法的流程示意图；

图3是根据本发明实施例的一种可选的终端屏幕的显示变化示意图；

图4是根据本发明实施例的又一种可选的终端的屏幕的显示变化示意图；

图5是根据本发明实施例的又一种可选的终端的屏幕的显示变化示意图；

图6是根据本发明实施例的一种目标应用的显示层的结构示意图；

图7是根据本发明实施例的另一种目标应用的显示层的结构示意图；

图8是根据本发明实施例的又一种目标应用的显示层的结构示意图；

图9是根据本发明实施例的又一种目标应用的显示层的结构示意图；

图10是根据本发明实施例的另一种可选的显示界面的切换方法的流程示意图；

图11是根据本发明实施例的一种可选的显示界面的切换装置的结构示意图；

图12是根据本发明实施例的一种可选的电子装置的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

根据本发明实施例的一个方面，提供了一种显示界面的切换方法，可选地，作为一种可选的实施方式，上述显示界面的切换方法可以但不限于应用于如图1所示的环境中。

用户设备102上的显示有目标应用处于竖屏状态下的第一显示界面，该第一显示界面上现有多个媒体资源，用户可以对任意的媒体资源进行选取，从而播放选取的媒体资源。可以理解的是，在竖屏状态下如视频等媒体资源由于所占用的显示界面较小，而在横屏状态下媒体资源可以占用的显示界面较大，故而竖屏状态下媒体资源的播放效果相比于横屏状态下的播放效果较差。

用户设备102可以通过处理器106执行步骤S110，在终端的屏幕上显示目标应用处于竖屏状态下的第一界面，其中，第一界面中包括第一显示区域，第一显示区域用于显示目标媒体资源在竖屏状态下的竖屏画面；步骤S112，获取第一显示切换指令；步骤S114，响应于第一显示切换指令，在第一界面之上创建第一目标显示层，其中，第一目标显示层中包括第二显示区域，第二显示区域为目标应用处于横屏状态下显示的第二界面上的显示区域；步骤S116，在第一目标显示层中的第二显示区域中显示目标媒体资源在横屏状态下的横屏画面。用户设备102通过在第一界面之上创建第一目标显示层，并在第一目标显示层中显示目标媒体资源在横屏状态下的横屏画面，从而实现竖屏状态下的应用兼容横屏显示。其中，用户设备102通过显示器108显示上述横屏画面、竖屏画面等，用户设备102通过存储器104存储媒体资源等。

可选地，在本实施例中，上述显示界面的切换方法可以但不限于应用于用户设备102中，用于协助目标应用对所发布的媒体资源由竖屏画面切换至横屏画面。这里，目标应用可以是安装在用户设备102上的客户端，也可以是免安装的应用程序。该用户设备102可以但不限于为手机、平板电脑、笔记本电脑、PC机等支持运行应用客户端的终端设备。上述仅是一种示例，本实施例中对此不作任何限定。

可选地，作为一种可选的实施方式，如图2所示，上述显示界面的切换方法包括：

步骤S202，在终端的屏幕上显示目标应用处于竖屏状态下的第一界面，其中，第一界面中包括第一显示区域，第一显示区域用于显示目标媒体资源在竖屏状态下的竖屏画面；

步骤S204，获取第一显示切换指令；

步骤S206，响应于第一显示切换指令，在第一界面之上创建第一目标显示层，其中，第一目标显示层中包括第二显示区域，第二显示区域为目标应用处于横屏状态下显示的第二界面上的显示区域；

步骤S208，在第一目标显示层中的第二显示区域中显示目标媒体资源在横屏状态下的横屏画面。

这里，第一显示切换指令用于指示将所述目标媒体资源在竖屏状态下的竖屏画面切换至横屏状态下的横屏画面。这里的第一显示切换命令可以是用户对显示屏上的全屏显示虚拟按钮进行点击操作的发出的，也可以是检测到终端当前的空间姿态由竖屏的第一空间姿态切换至横屏的第二空间姿态时发出的，对此，本发明并不作出具体的限定。这里的目标应用可以是仅支持竖屏显示的应用，当然目标应用也可以是既支持竖屏显示又支持横屏显示的应用。也就是，上述目标应用均可以是通过本发明实施例的方法实现竖屏画面切换至横屏画面。这里，本发明实施例的终端可以是运行IOS系统的移动终端，目标应用可以是客户端安装在IOS系统中的应用程序，也可以是无需安装客户端并可运行在IOS系统中的应用程序。

在本发明实施例中，采用在目标应用处于竖屏状态下，响应第一显示切换指令，在竖屏状态下的第一界面之上创建第一目标显示层，在第一目标显示层中的第二显示区域中显示目标媒体资源在横屏状态下的横屏画面的方式，通过创建支持横屏显示状态的第一目标显示层，达到了将竖屏状态下的目标媒体资源的竖屏画面切换至横屏画面的目的，从而实现了竖屏状态下的目标应用兼容横屏显示。

可以理解的是，在本发明实施例中，第二显示区域可以是全屏显示区域，从而将目标媒体资源在横屏状态下全屏显示。参见图3，在本发明实施例中，第一目标显示层支持横屏显示，相应的状态栏等也处于横屏显示状态。在本发明可选实施例中，第一界面可以是仅支持竖屏显示，第一目标显示层仅支持横屏显示，从而通过第一界面和第一目标显示层显示不同显示状态的画面。可以理解的是，第一目标显示层并不仅限于仅支持横屏显示，第一目标显示层可以是既支持横屏显示，又支持竖屏显示。

可选的，在第一目标显示层中的第二显示区域中显示目标媒体资源在横屏状态下的横屏画面之前，方法还包括：响应于第一显示切换指令，在第一界面之上显示第一切换动画，其中，第一切换动画用于显示目标媒体资源的竖屏画面变化到目标媒体资源的横屏画面的过程。在本发明实施例中，在第一目标显示层中显示目标媒体资源的横屏画面之前，还在第一界面之上显示第一切换动画，从而通过第一切换动画的动画效果展示目标媒体资源竖屏画面向横屏画面切换的过程。通过第一切换动画可以避免直接切换画面造成画面的卡顿，切换不流畅，通过第一切换动画所显示切换过程，使得整个竖屏显示至横屏显示的显示过程流畅。

如图3所示的，目标应用在竖屏状态下的第一界面中，所显示的对象均处于竖屏显示状态。在接收到第一显示切换指令的情况下，需要对目标媒体资源由竖屏画面切换至横屏画面。如图3所示的，在第一界面上显示第一切换动画，第一切换动画显示目标媒体资源的竖屏画面向横屏画面切换。这里，可以理解的是，第一切换动画的显示并不影响第一界面上的对象的正常显示。在第一切换动画显示目标媒体资源切换至横屏画面的情况下，如图3所示的，在第一界面之上的第一目标显示层中显示目标资源在横屏状态下的横屏画面。这里，第一目标显示层中还可以显示有状态栏，此时的状态栏所处的状态与第一目标显示层相同，均处于横屏显示状态。

如图4所示的，目标应用显示有多个视频资源，用户可以选取相应的视频资源进行播放，在用户点击全屏显示虚拟按钮时，发出第一显示切换指令，用于指示将目标媒体资源由竖屏画面切换至横屏画面。如图4所示的，在第一界面之上显示第一切换动画，从而通过第一切换动画将目标媒体资源切换至如图4所示的横屏画面。对于状态栏、进度条等显示控件，可以理解的是，在第一目标显示层中均处于横屏显示状态。如图5所示的，在暂停播放目标媒体资源的情况下，播放进度条和返回控件等均处于横屏显示状态。可以理解的是，播放进度条、状态栏和返回控件等是可以被隐藏的，如图5所示的，播放进度条和返回控件处于隐藏状态，此时第一目标显示层中显示该目标媒体资源的横屏画面。

可选的，在第一界面之上显示第一切换动画包括：在第一界面之上创建第二目标显示层，其中，第二目标显示层位于第一界面与第一目标显示层之间；在第二目标显示层中显示第一切换动画；或者，在第一目标显示层中显示第一切换动画；或者，在第一界面中显示第一切换动画。

这里，对于第一切换动画新创建第二目标显示层，在第二目标显示层中显示该第一切换动画。如图6所示的，第一界面602位于底层，第一目标显示层604位于最上层，第二目标显示层606位于第一界面602和第一目标显示层604之间。可以理解的是，在第二目标显示层604显示第一切换动画的情况下，第一目标显示层604上尚未开始显示目标媒体资源的横屏画面，故而没有任何显示对象的第一目标显示层604并不会对第二目标显示层606上显示的第一切换动画造成遮挡。

在本发明可选实施例中，还可以直接在第一目标显示层中显示第一切换动画，从而无需新建新的显示层。可以理解的是，在接收到第一显示切换指令的情况下，第一目标显示层中显示第一切换动画，在第一切换动画显示目标媒体资源处于横屏画面时，在第一目标显示层上显示目标媒体资源的横屏画面。如图7所示的，第一界面702处于底层，第一目标显示层704位于第一界面702之上，可以通过第一目标显示层704显示第一切换动画和后续的目标媒体资源的横屏画面。

可以理解的是，还可以在第一界面中显示该第一切换动画。在本发明可选实施例中，在终端的操作系统为IOS系统的情况下，可以通过IOS系统提供的自定义动画类生成第一切换动画，该自定义动画类生成第一切换动画将显示在第一界面中。可以理解的是，在通过IOS系统提供的自定义动画类生成第一切换动画时，可以将目标媒体资源作为参数传递至自定义动画类，通过该自定义动画类生成第一切换动画。

可选的，在第一界面之上显示第一切换动画时，方法还包括：在第一界面之上显示第一图片，其中，第一图片是对第一界面进行快照得到的图片，第一切换动画显示在第一图片之上。在本发明实施例中，通过在第一界面之上显示第一图片，可以对第一界面上的内容进行遮盖，从而避免在显示第一切换动画的过程中，屏幕的显示界面闪烁或产生瞬间形变。

可选的，在第一界面之上显示第一图片包括：在第一界面之上创建第三目标显示层，其中，第三目标显示层位于第一界面与第一目标显示层之间；在第三目标显示层中显示第一图片；或者，在第一目标显示层中显示第一图片；或者，在所述第一界面中显示第一图片。这里，对于第一图片可以通过新创建第三目标显示层进行显示。如图8所示的，第一界面802位于底层，第一目标显示层804位于顶层，第三目标显示层808位于第一界面802和第一目标显示层804之间，第一切换动画所在的显示层806可以位于第一目标显示层806和第三目标显示层808之间。从而通过显示在第三目标显示层808的第一图片对第一界面802进行遮盖，避免产生闪烁、形变等。可以理解的是，第一图片还可以显示在第一目标显示层中，第一切换动画位于第一图片之上。可以理解的是，第一图片也可以显示在第一界面中。

在本发明可选实施例中，在终端的操作系统为IOS系统的情况下，可以通过IOS系统提供的自定义动画类生成第一图片和第一切换动画。可以理解的是，在通过IOS系统提供的自定义动画类生成第一图片和第一切换动画时，可以将对第一界面进行快照获得的第二图片和目标媒体资源作为参数传递至自定义动画类，通过该自定义动画类生成第一图片和第一切换动画。可以理解的是，这里的第二图片与所生成的第一图片可以是相同的。

可选的，在第一目标显示层中的第二显示区域中显示目标媒体资源在横屏状态下的横屏画面之后，方法还包括：在屏幕显示目标应用处于横屏状态下的第二界面时，获取第二显示切换指令；响应于第二显示切换指令，删除或隐藏显示第一目标显示层，并在屏幕上显示目标应用处于竖屏状态下的第一界面。这里，第二显示切换指令用于指示将目标媒体资源在横屏状态下的横屏画面切换至竖屏状态下的竖屏画面。在接收到第二显示切换指令的情况下，通过删除或隐藏显示第一目标显示层，显示第一目标显示层之下的第一界面，从而返回到第一界面。

可选的，在屏幕上显示目标应用处于竖屏状态下的第一界面之前，方法还包括：响应于第二显示切换指令，在第一界面之上显示第二切换动画，其中，第二切换动画用于显示目标媒体资源的横屏画面变化到目标媒体资源的竖屏画面的过程。在本发明实施例中，可以在第一界面之上显示第二切换动画，通过第二切换动画显示将目标媒体资源的横屏画面切换至竖屏画面，从而通过第二切换动画可以避免直接切换画面造成画面的卡顿，切换不流畅的问题，通过第二切换动画所显示切换过程，使得整个横屏显示至竖屏显示的显示过程流畅。

可选的，在响应于第二显示切换指令删除第一目标显示层的情况下，在第一界面之上显示第二切换动画包括：在第一界面之上创建第四目标显示层，在第四目标显示层中显示第二切换动画。这里，对于第二切换动画可以显示在新创建的第四目标显示层上，通过新建新的显示层的方式显示第二切换动画。

可选的，在响应于第二显示切换指令隐藏第一目标显示层的情况下，在第一界面之上显示第二切换动画包括：显示第一目标显示层，并在第一目标显示层中显示第二切换动画。在第一目标显示层未删除、处于隐藏状态的第一目标显示层，可以显示该第一目标显示层，并在第一目标显示层中显示第二切换动画，从而无需新建新的显示层。可以理解的是，在显示的第一目标显示层上，不再显示目标媒体资源的横屏画面，而是显示第二切换动画。

下面结合图8-10对本发明实施例进行举例说明。

S1002，在终端的屏幕上显示目标应用处于竖屏状态下的第一界面；

S1004，获取第一显示切换指令；

S1006，响应于所述第一显示切换指令，在第一界面之上创建第一目标显示层，并在所述第一界面之上显示第一图片和第一切换动画；这里，在接收到第一显示切换指令的情况下，创建第一目标显示层804，第一目标显示层804处于横屏显示状态，并在所述第一界面之上显示第一图片和第一切换动画，这里第一图片和第一切换动画的显示可以通过创建第二目标显示层806和第三目标显示层808，在第三目标显示层808上显示第一图片，在第二目标显示层806上显示第一切换动画，在第一切换动画显示目标媒体资源切换至横屏画面的情况下，可以删除或隐藏第二目标显示层806和第三目标显示层808。

S1008，在第一目标显示层中的第二显示区域中显示目标媒体资源在横屏状态下的横屏画面；这里，可以在第一目标显示层804上显示目标媒体资源的横屏画面。如图9所示的，此时，终端上的目标应用可以包括第一界面902和显示横屏画面的第一目标显示层904。

S1010，获取第二显示切换指令；

S1012，响应于所述第二显示切换指令，删除或隐藏显示所述第一目标显示层，在所述第一界面之上创建第四目标显示层，在所述第四目标显示层中显示所述第二切换动画；这里，在接收到第二显示切换指令的情况下，可以隐藏或删除第一目标显示层904，并显示第二切换动画，从而回到第一界面902。

S1014，在所述屏幕上显示所述目标应用处于所述竖屏状态下的所述第一界面。这里，若通过创建第四目标显示层的方式显示第二切换动画，则在第二切换动画显示切换至竖屏状态的情况下，将第四目标显示层删除。

对于IOS系统的应用程序而言，通过本发明实施例的方法，既不使用Objective-C中的私有方法，不存在应用程序审核被拒的风险，也不使用Objective-C中已废弃的部分方法来造成横屏假象，而是结合通过创建第一目标显示层，通过第一切换动画从第一界面切换至第一目标显示层，实现横竖屏转换，做到了功能内闭环，不影响其他应用场景。

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为依据本发明，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本发明所必须的。

根据本发明实施例的另一个方面，还提供了一种用于实施上述显示界面的切换方法的显示界面的切换装置。如图11所示，该装置包括：第一显示模块1102，用于在终端的屏幕上显示目标应用处于竖屏状态下的第一界面，其中，第一界面中包括第一显示区域，第一显示区域用于显示目标媒体资源在竖屏状态下的竖屏画面；第一获取模块1104，用于获取第一显示切换指令；创建模块1106，用于响应于第一显示切换指令，在第一界面之上创建第一目标显示层，其中，第一目标显示层中包括第二显示区域，第二显示区域为目标应用处于横屏状态下显示的第二界面上的显示区域；第二显示模块1108，用于在第一目标显示层中的第二显示区域中显示目标媒体资源在横屏状态下的横屏画面。这里，第一显示切换指令用于指示将所述目标媒体资源在竖屏状态下的竖屏画面切换至横屏状态下的横屏画面。这里的第一显示切换命令可以是用户对显示屏上的全屏显示虚拟按钮进行点击操作的发出的，也可以是检测到终端当前的空间姿态由竖屏的第一空间姿态切换至横屏的第二空间姿态时发出的，对此，本发明并不作出具体的限定。这里的目标应用可以是仅支持竖屏显示的应用，当然目标应用也可以是既支持竖屏显示又支持横屏显示的应用。也就是，上述目标应用均可以是通过本发明实施例的装置实现竖屏画面切换至横屏画面。

在本发明实施例中，采用在目标应用处于竖屏状态下，响应第一显示切换指令，在竖屏状态下的第一界面之上创建第一目标显示层，在第一目标显示层中的第二显示区域中显示目标媒体资源在横屏状态下的横屏画面的方式，通过创建支持横屏显示状态的第一目标显示层，达到了将竖屏状态下的目标媒体资源的竖屏画面切换至横屏画面的目的，从而实现了竖屏状态下的目标应用兼容横屏显示。

可选的，上述装置还可以包括：第三显示模块，用于响应于第一显示切换指令，在第一界面之上显示第一切换动画，其中，第一切换动画用于显示目标媒体资源的竖屏画面变化到目标媒体资源的横屏画面的过程。在本发明实施例中，在第一目标显示层中显示目标媒体资源的横屏画面之前，还在第一界面之上显示第一切换动画，从而通过第一切换动画的动画效果展示目标媒体资源竖屏画面向横屏画面切换的过程。通过第一切换动画可以避免直接切换画面造成画面的卡顿，切换不流畅，通过第一切换动画所显示切换过程，使得整个竖屏显示至横屏显示的显示过程流畅。

可选的，第三显示模块可以包括：第一创建单元，用于在第一界面之上创建第二目标显示层，其中，第二目标显示层位于第一界面与第一目标显示层之间；在第二目标显示层中显示第一切换动画；或者，第一显示单元，用于在第一目标显示层中显示第一切换动画；或者，第二显示单元，用于在第一界面中显示第一切换动画。

这里，对于第一切换动画新创建第二目标显示层，在第二目标显示层中显示该第一切换动画。此时，第一界面位于底层，第一目标显示层位于最上层，第二目标显示层位于第一界面和第一目标显示层之间。可以理解的是，在第二目标显示层显示第一切换动画的情况下，第一目标显示层上尚未开始显示目标媒体资源的横屏画面，故而没有任何显示对象的第一目标显示层并不会对第二目标显示层上显示的第一切换动画造成遮挡。

在本发明可选实施例中，还可以直接在第一目标显示层中显示第一切换动画，从而无需新建新的显示层。可以理解的是，在接收到第一显示切换指令的情况下，第一目标显示层中显示第一切换动画，在第一切换动画显示目标媒体资源处于横屏画面时，在第一目标显示层上显示目标媒体资源的横屏画面。此时，第一界面处于底层，第一目标显示层位于第一界面之上，可以通过第一目标显示层显示第一切换动画和后续的目标媒体资源的横屏画面。

可以理解的是，还可以在第一界面中显示该第一切换动画。在本发明可选实施例中，在终端的操作系统为IOS系统的情况下，可以通过IOS系统提供的自定义动画类生成第一切换动画，该自定义动画类生成第一切换动画将显示在第一界面中。可以理解的是，在通过IOS系统提供的自定义动画类生成第一切换动画时，可以将目标媒体资源作为参数传递至自定义动画类，通过该自定义动画类生成第一切换动画。

可选的，上述装置还可以包括：第四显示模块，用于在第一界面之上显示第一图片，其中，第一图片是对第一界面进行快照得到的图片，第一切换动画显示在第一图片之上。在本发明实施例中，通过在第一界面之上显示第一图片，可以对第一界面上的内容进行遮盖，从而避免在显示第一切换动画的过程中，屏幕的显示界面闪烁或产生瞬间形变。

可选的，第四显示模块包括：第二创建单元，用于在第一界面之上创建第三目标显示层，其中，第三目标显示层位于第一界面与第一目标显示层之间；在第三目标显示层中显示第一图片；或者，第三显示单元，用于在第一目标显示层中显示第一图片；或者，第四显示单元，用于在第一界面中显示第一图片。这里，对于第一图片可以通过新创建第三目标显示层进行显示。此时，第一界面位于底层，第一目标显示层位于顶层，第三目标显示层位于第一界面和第一目标显示层之间，第一切换动画所在的显示层可以位于第一目标显示层和第三目标显示层之间。从而通过显示在第三目标显示层的第一图片对第一界面进行遮盖，避免产生闪烁、形变等。可以理解的是，第一图片还可以显示在第一目标显示层中，第一切换动画位于第一图片之上。可以理解的是，第一图片也可以显示在第一界面中。

在本发明可选实施例中，在终端的操作系统为IOS系统的情况下，可以通过IOS系统提供的自定义动画类生成第一图片和第一切换动画。可以理解的是，在通过IOS系统提供的自定义动画类生成第一图片和第一切换动画时，可以将对第一界面进行快照获得的第二图片和目标媒体资源作为参数传递至自定义动画类，通过该自定义动画类生成第一图片和第一切换动画。可以理解的是，这里的第二图片与所生成的第一图片可以是相同的。

可选的，上述装置还可以包括：第二获取模块，用于在屏幕显示目标应用处于横屏状态下的第二界面时，获取第二显示切换指令；处理模块，用于响应于第二显示切换指令，删除或隐藏显示第一目标显示层，并在屏幕上显示目标应用处于竖屏状态下的第一界面。这里，第二显示切换指令用于指示将目标媒体资源在横屏状态下的横屏画面切换至竖屏状态下的竖屏画面。在接收到第二显示切换指令的情况下，通过删除或隐藏显示第一目标显示层，显示第一目标显示层之下的第一界面，从而返回到第一界面。

可选的，上述装置还可以包括：第五显示模块，用于响应于第二显示切换指令，在第一界面之上显示第二切换动画，其中，第二切换动画用于显示目标媒体资源的横屏画面变化到目标媒体资源的竖屏画面的过程。在本发明实施例中，可以在第一界面之上显示第二切换动画，通过第二切换动画显示将目标媒体资源的横屏画面切换至竖屏画面，从而通过第二切换动画可以避免直接切换画面造成画面的卡顿，切换不流畅的问题，通过第二切换动画所显示切换过程，使得整个横屏显示至竖屏显示的显示过程流畅。

可选的，第五显示模块包括：第五显示单元，用于在第一界面之上创建第四目标显示层，在第四目标显示层中显示第二切换动画。这里，对于第二切换动画可以显示在新创建的第四目标显示层上，通过新建新的显示层的方式显示第二切换动画。

可选的，第五显示模块包括：第六显示单元，用于显示第一目标显示层，并在第一目标显示层中显示第二切换动画。在第一目标显示层未删除、处于隐藏状态的第一目标显示层，可以显示该第一目标显示层，并在第一目标显示层中显示第二切换动画，从而无需新建新的显示层。可以理解的是，在显示的第一目标显示层上，不再显示目标媒体资源的横屏画面，而是显示第二切换动画。

根据本发明实施例的又一个方面，还提供了一种用于实施上述显示界面的切换方法的电子装置，如图12所示，该电子装置包括存储器1202和处理器1204，该存储器1202中存储有计算机程序，该处理器1204被设置为通过计算机程序执行上述任一项方法实施例中的步骤。

可选地，在本实施例中，上述电子装置可以位于计算机网络的多个网络设备中的至少一个网络设备。

可选地，在本实施例中，上述处理器可以被设置为通过计算机程序执行以下步骤：

S1，在终端的屏幕上显示目标应用处于竖屏状态下的第一界面，其中，第一界面中包括第一显示区域，第一显示区域用于显示目标媒体资源在竖屏状态下的竖屏画面；

S2，获取第一显示切换指令；

S3，响应于第一显示切换指令，在第一界面之上创建第一目标显示层，其中，第一目标显示层中包括第二显示区域，第二显示区域为目标应用处于横屏状态下显示的第二界面上的显示区域；

S4，在第一目标显示层中的第二显示区域中显示目标媒体资源在横屏状态下的横屏画面。

可选地，本领域普通技术人员可以理解，图12所示的结构仅为示意，电子装置也可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(Mobile Internet Devices，MID)、PAD等终端设备。图12其并不对上述电子装置的结构造成限定。例如，电子装置还可包括比图12中所示更多或者更少的组件(如网络接口等)，或者具有与图12所示不同的配置。

其中，存储器1202可用于存储软件程序以及模块，如本发明实施例中的显示界面的切换方法和装置对应的程序指令/模块，处理器1204通过运行存储在存储器1202内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的显示界面的切换方法。存储器1202可包括高速随机存储器，还可以包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器1202可进一步包括相对于处理器1204远程设置的存储器，这些远程存储器可以通过网络连接至终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。其中，存储器1202具体可以但不限于用于存储目标媒体资源等信息。作为一种示例，如图12所示，上述存储器1202中可以但不限于包括上述显示界面的切换装置中的第一显示模块1102、第一获取模块1104、创建模块1106及第二显示模块1108。此外，还可以包括但不限于上述显示界面的切换装置中的其他模块单元，本示例中不再赘述。

可选地，上述的传输装置1206用于经由一个网络接收或者发送数据。上述的网络具体实例可包括有线网络及无线网络。在一个实例中，传输装置1206包括一个网络适配器(Network Interface Controller，NIC)，其可通过网线与其他网络设备与路由器相连从而可与互联网或局域网进行通讯。在一个实例中，传输装置1206为射频(Radio Frequency，RF)模块，其用于通过无线方式与互联网进行通讯。

此外，上述电子装置还包括：显示器1208，用于显示目标媒体资源的横屏画面等；和连接总线1210，用于连接上述电子装置中的各个模块部件。

根据本发明的实施例的又一方面，还提供了一种存储介质，该存储介质中存储有计算机程序，其中，该计算机程序被设置为运行时执行上述任一项方法实施例中的步骤。

可选地，在本实施例中，上述存储介质可以被设置为存储用于执行以下步骤的计算机程序：

S1，在终端的屏幕上显示目标应用处于竖屏状态下的第一界面，其中，第一界面中包括第一显示区域，第一显示区域用于显示目标媒体资源在竖屏状态下的竖屏画面；

S2，获取第一显示切换指令；

S3，响应于第一显示切换指令，在第一界面之上创建第一目标显示层，其中，第一目标显示层中包括第二显示区域，第二显示区域为目标应用处于横屏状态下显示的第二界面上的显示区域；

S4，在第一目标显示层中的第二显示区域中显示目标媒体资源在横屏状态下的横屏画面。

可选地，在本实施例中，本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令终端设备相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：闪存盘、只读存储器(Read-Only Memory，ROM)、随机存取器(Random Access Memory，RAM)、磁盘或光盘等。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

上述实施例中的集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在上述计算机可读取的存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在存储介质中，包括若干指令用以使得一台或多台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。

在本发明的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的客户端，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (12)

1.一种显示界面的切换方法，其特征在于，包括：

在终端的屏幕上显示目标应用处于竖屏状态下的第一界面，其中，所述第一界面中包括第一显示区域，所述第一显示区域用于显示目标媒体资源在所述竖屏状态下的竖屏画面；

获取第一显示切换指令；

响应于所述第一显示切换指令，在所述第一界面之上创建第一目标显示层，其中，所述第一目标显示层中包括第二显示区域，所述第二显示区域为所述目标应用处于横屏状态下显示的第二界面上的显示区域；

在所述第一目标显示层中的所述第二显示区域中显示所述目标媒体资源在所述横屏状态下的横屏画面。

2.根据权利要求1所述的方法，其特征在于，在所述第一目标显示层中的所述第二显示区域中显示所述目标媒体资源在所述横屏状态下的横屏画面之前，所述方法还包括：

响应于所述第一显示切换指令，在所述第一界面之上显示第一切换动画，其中，所述第一切换动画用于显示所述目标媒体资源的所述竖屏画面变化到所述目标媒体资源的所述横屏画面的过程。

3.根据权利要求2所述的方法，其特征在于，在所述第一界面之上显示第一切换动画包括：

在所述第一界面之上创建第二目标显示层，其中，所述第二目标显示层位于所述第一界面与所述第一目标显示层之间；在所述第二目标显示层中显示所述第一切换动画；或者，

在所述第一目标显示层中显示所述第一切换动画；或者，

在所述第一界面中显示所述第一切换动画。

4.根据权利要求2所述的方法，其特征在于，在所述第一界面之上显示第一切换动画时，所述方法还包括：

在所述第一界面之上显示第一图片，其中，所述第一图片是对所述第一界面进行快照得到的图片，所述第一切换动画显示在所述第一图片之上。

5.根据权利要求4所述的方法，其特征在于，在所述第一界面之上显示第一图片包括：

在所述第一界面之上创建第三目标显示层，其中，所述第三目标显示层位于所述第一界面与所述第一目标显示层之间；在所述第三目标显示层中显示所述第一图片；或者

在所述第一目标显示层中显示所述第一图片；或者，

在所述第一界面中显示所述第一图片。

6.根据权利要求1至5中任一项所述的方法，其特征在于，在所述第一目标显示层中的所述第二显示区域中显示所述目标媒体资源在所述横屏状态下的横屏画面之后，所述方法还包括：

在所述屏幕显示所述目标应用处于所述横屏状态下的所述第二界面时，获取第二显示切换指令；

响应于所述第二显示切换指令，删除或隐藏显示所述第一目标显示层，并在所述屏幕上显示所述目标应用处于所述竖屏状态下的所述第一界面。

7.根据权利要求6所述的方法，其特征在于，在所述屏幕上显示所述目标应用处于所述竖屏状态下的所述第一界面之前，所述方法还包括：

响应于所述第二显示切换指令，在所述第一界面之上显示第二切换动画，其中，所述第二切换动画用于显示所述目标媒体资源的所述横屏画面变化到所述目标媒体资源的所述竖屏画面的过程。

8.根据权利要求7所述的方法，其特征在于，在响应于所述第二显示切换指令删除所述第一目标显示层的情况下，在所述第一界面之上显示第二切换动画包括：

在所述第一界面之上创建第四目标显示层，在所述第四目标显示层中显示所述第二切换动画。

9.根据权利要求7所述的方法，其特征在于，在响应于所述第二显示切换指令隐藏所述第一目标显示层的情况下，在所述第一界面之上显示第二切换动画包括：

显示所述第一目标显示层，并在所述第一目标显示层中显示所述第二切换动画。

10.一种显示界面的切换装置，其特征在于，包括：

第一显示模块，用于在终端的屏幕上显示目标应用处于竖屏状态下的第一界面，其中，所述第一界面中包括第一显示区域，所述第一显示区域用于显示目标媒体资源在所述竖屏状态下的竖屏画面；

第一获取模块，用于获取第一显示切换指令；

创建模块，用于响应于所述第一显示切换指令，在所述第一界面之上创建第一目标显示层，其中，所述第一目标显示层中包括第二显示区域，所述第二显示区域为所述目标应用处于横屏状态下显示的第二界面上的显示区域；

第二显示模块，用于在所述第一目标显示层中的第二显示区域中显示所述目标媒体资源在所述横屏状态下的横屏画面。

11.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，所述程序运行时执行上述权利要求1至9任一项中所述的方法。

12.一种电子装置，包括存储器和处理器，其特征在于，所述存储器中存储有计算机程序，所述处理器被设置为通过所述计算机程序执行所述权利要求1至9任一项中所述的方法。