CN109947506A - 界面切换方法、装置及电子设备 - Google Patents

Abstract

本申请实施例公开了界面切换方法、装置及电子设备，所述方法包括：展示第一界面；确定所述第一界面中位于视窗范围内的多项界面元素；通过控制所述位于视窗范围内的多项界面元素消失的方式，进行从所述第一界面向所述第二界面的切换。通过本申请实施例，可以更好的向用户传达业务理念，优化界面切换效果。

Description

界面切换方法、装置及电子设备

技术领域

本申请涉及界面切换技术领域，特别是涉及界面切换方法、装置及电子设备。

背景技术

在网络销售系统中，通常是以商品列表的方式向用户提供具体的商品的信息，其中，一个商品列表界面中通常是包括多个资源位，每个资源位通过图文的形式展示一个商品或者店铺的信息，用户可以通过点击对应的资源位，进入到商品或者店铺详情页面，等等。另外，为了使得界面展示形式更加丰富，避免造成用户的视觉疲劳，通常还可以提供其他形式的界面，例如，还可以提供视频界面、全景展示界面等等，这种界面中可以以全屏的形式，播放视频或者动画等内容，从而可以使得用户通过多种不同类型的信息获得更丰富更全面的信息。

正是由于多种不同形式的界面的存在，因此，用户在进行界面浏览的过程中，可能会出现在不同形式的界面之间进行切换的情况。在现有技术中，在从一个界面切换到另一个界面时，通常会有多种切换方式。例如，前一个界面向屏幕左侧滑出，后一个界面从屏幕右侧滑入；或者，前一个界面不动，后一个界面从屏幕下方向上滑入；或者，前一个界面翻转为后一个界面，等等。但是，上述这些方式大部分都已经在多种场景下被使用，无法为用户带来新鲜感。另外，上述方式通常更适用于浏览方式差别不大的界面之间进行切换，例如，从一个列表界面切换到下一个列表界面，等等，但是，在实际应用中，如果是从一个列表界面向视频界面等进行切换，则由于两个界面之间的浏览方式上存在很大的差别，因此，上述方式将难以实现这种场景下业务需要向用户传达的用户感受效果。

因此，如何在不同界面之间进行切换的过程中提供更新鲜的切换效果，以更好的向用户传达业务理念，成为需要本领域技术人员解决的技术问题。

发明内容

本申请提供了界面切换方法、装置及电子设备，可以更好的向用户传达业务理念，优化界面切换效果。

本申请提供了如下方案：

一种界面切换方法，包括：

展示第一界面；

确定所述第一界面中位于视窗范围内的多项界面元素；

通过控制所述位于视窗范围内的多项界面元素消失的方式，进行从所述第一界面向所述第二界面的切换。

一种界面切换方法，包括：

接收客户端提交的对第一界面的访问请求；

提供所述第一界面的界面数据，以用于对所述第一界面进行展示，并确定所述第一界面中位于视窗范围内的多项界面元素，通过控制所述位于视窗范围内的多项界面元素消失的方式，进行从所述第一界面向所述第二界面的切换。

一种界面切换方法，包括：

展示第一界面，所述第一界面包括第三图层，所述第三图层位于所述第一界面中的展示内容所在图层的下层，且与第二界面的界面背景内容相同；

在从所述第一界面向所述第二界面进行切换的过程中，控制所述展示内容消失，以展示出所述第三图层；

在所述第三图层的基础上展示所述第二界面。

一种界面切换方法，包括：

接收客户端对第一界面的访问请求，所述第一界面包括第三图层，所述第三图层位于所述第一界面中的展示内容所在图层的下层，且与第二界面的界面背景内容相同；

提供所述第一界面的界面数据，以用于对所述第一界面进行展示，在从所述第一界面向所述第二界面进行切换的过程中，控制所述展示内容消失，以展示出所述第三图层，并在所述第三图层的基础上展示所述第二界面。

一种界面，所述界面中包括第三图层，所述第三图层位于所述界面中的展示内容所在图层的下层，且与另一界面的界面背景内容相同，以用于在向所述另一界面进行切换时，在所述界面中的展示内容消失后，在所述第三图层的基础上展示所述另一界面。

一种界面元素生成方法，包括：

确定目标界面中的展示内容，所述展示内容包括位于第一图层的界面展示内容，以及位于第二图层的界面背景内容；

根据所述第一图层中的界面展示内容确定至少一项第一界面元素；

根据所述第二图层中的界面背景内容确定第二界面元素，以用于在从所述目标界面向其他界面进行切换时，通过控制位于视窗范围内的多项界面元素消失的方式，完成从所述第一界面向所述第二界面的切换。

一种界面切换装置，包括：

界面展示单元，用于展示第一界面；

界面元素确定单元，用于确定所述第一界面中位于视窗范围内的多项界面元素；

界面切换单元，用于通过控制所述位于视窗范围内的多项界面元素消失的方式，进行从所述第一界面向所述第二界面的切换。

一种界面切换装置，包括：

第一请求接收单元，用于接收客户端提交的对第一界面的访问请求；

第一界面数据提供单元，用于提供所述第一界面的界面数据，以用于对所述第一界面进行展示，并确定所述第一界面中位于视窗范围内的多项界面元素，通过控制所述位于视窗范围内的多项界面元素消失的方式，进行从所述第一界面向所述第二界面的切换。

一种界面切换装置，包括：

第一展示单元，用于展示第一界面，所述第一界面包括第三图层，所述第三图层位于所述第一界面中的展示内容所在图层的下层，且与第二界面的界面背景内容相同；

控制单元，用于在从所述第一界面向所述第二界面进行切换的过程中，控制所述展示内容消失，以展示出所述第三图层；

第二展示单元，用于在所述第三图层的基础上展示所述第二界面。

一种界面切换装置，包括：

第二请求接收单元，用于接收客户端对第一界面的访问请求，所述第一界面包括第三图层，所述第三图层位于所述第一界面中的展示内容所在图层的下层，且与第二界面的界面背景内容相同；

第二界面数据提供单元，用于提供所述第一界面的界面数据，以用于对所述第一界面进行展示，在从所述第一界面向所述第二界面进行切换的过程中，控制所述展示内容消失，以展示出所述第三图层，并在所述第三图层的基础上展示所述第二界面。

一种界面元素生成装置，包括：

展示内容确定单元，用于确定目标界面中的展示内容，所述展示内容包括位于第一图层的界面展示内容，以及位于第二图层的界面背景内容；

第一界面元素确定单元，用于根据所述第一图层中的界面展示内容确定至少一项第一界面元素；

第二界面元素确定单元，用于根据所述第二图层中的界面背景内容确定第二界面元素，以用于在从所述目标界面向其他界面进行切换时，通过控制位于视窗范围内的多项界面元素消失的方式，完成从所述第一界面向所述第二界面的切换。

一种电子设备，包括：

一个或多个处理器；以及

与所述一个或多个处理器关联的存储器，所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时，执行如下操作：

展示第一界面；

确定所述第一界面中位于视窗范围内的多项界面元素；

通过控制所述位于视窗范围内的多项界面元素消失的方式，进行从所述第一界面向所述第二界面的切换。

根据本申请提供的具体实施例，本申请公开了以下技术效果：

通过本申请实施例，在从第一界面向第二界面进行切换的过程中，可以确定出第一界面中位于视窗范围内的多项界面元素，然后控制所述多项界面元素逐渐消失，通过这种方式完成向第二界面切换过程中的过渡。这种方式相对于现有技术中的过渡方式而言更加新颖，并且，在一些特殊的业务场景下，也可以更好的向用户传达业务理念，优化界面切换效果。

当然，实施本申请的任一产品并不一定需要同时达到以上所述的所有优点。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本申请实施例提供的系统架构的示意图；

图2是本申请实施例提供的第一方法的流程图；

图3是本申请实施例提供的第一界面的示意图；

图4是本申请实施例提供的第二界面的示意图；

图5是本申请实施例提供的第二方法的流程图；

图6是本申请实施例提供的第三方法的流程图；

图7是本申请实施例提供的第四方法的流程图；

图8是本申请实施例提供的第五方法的流程图；

图9是本申请实施例提供的第一装置的示意图；

图10是本申请实施例提供的第二装置的示意图；

图11是本申请实施例提供的第三装置的示意图；

图12是本申请实施例提供的第四装置的示意图；

图13是本申请实施例提供的第五装置的示意图；

图14是本申请实施例提供的电子设备的示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员所获得的所有其他实施例，都属于本申请保护的范围。

在本申请实施例中，提供了一种更新颖的界面切换过程中的过渡方式，在该方式中，如果是从第一界面向第二界面进行切换，则可以首先确定出第一界面中位于视窗范围内的多项界面元素，然后，通过控制这些界面元素逐项消失的方式，来完成从第一界面向第二界面的切换。由于这种方式不同于现有的翻转、滑出等方式，因此，会使得用户获得更新鲜的体验。另外，针对一些特定的场景，还可以通过这种方式来传达业务理念。例如，假设第一界面是数据对象列表信息界面，而第二界面是通过全屏的视频方式展示的界面，这两个界面可能是同一业务方向用户提供的多种不同的信息展示方式，也即，实际所需向用户提供的信息可能都是某些商品等数据对象的信息，但是信息的展示方式不同，一个是列表中的图文展示方式，一个是视频展示方式，并且是通过全屏的方式进行展示。而在上述场景中，在从第一界面向第二界面切换的过程中，如果是使用本申请实施例提供的方法，则可以呈现出第一界面中的数据对象信息等逐个消失的过程，等到全部消失后，呈现出第二界面，并开始通过全屏的方式进行相关视频的播放。通过这种方式可以营造出一种类似于电影院等即将播放电影之前的“关灯”效果，也即，第一界面中的每项界面元素的消失，都可以看作是对应位置上的“灯”熄灭，全部消失后，相当于全部的“灯”都已经熄灭，之后开始进行视频的播放。在优选的实现方案中，由于通过全屏的方式播放视频界面的过程中，通常会采用全黑的背景，因此，还可以在第一界面的背景图层的下层添加一个黑色背景图层，这样，当第一界面中的各项具体的界面元素逐项消失后，会使得该黑色背景图层展示出来，然后，在该黑色背景图层的基础上，叠加展示第二界面，也即，进行视频的播放。从用户角度看来，可以看到的效果是，第一界面的各项界面元素逐项消失之后，展示出一个全黑的界面，然后，开始进行视频的播放，这样由于视频播放的界面背景也是黑色的，因此，会使得用户感觉到是在同一界面中实现的展示内容的切换，可以使得界面切换的过渡过程更加自然流畅，同时也是的视频的展示更加具有视觉冲击力。显然，这种方式可以更好的向用户传达业务理念。

具体实现时，从系统架构角度而言，参见图1，可以涉及到服务器、第一客户端，其中，所述服务器具体用于提供具体的界面数据，第一客户端则用于对界面进行展示，另外，本申请实施例中在从第一界面到第二界面切换过程中，对第一界面的控制过程，也可以由第一客户端来实现，也即，由第一客户端控制具体的界面元素逐项消失。其中，所述的第一客户端可以有多种形态，例如，可以是在第一界面的代码中添加的功能模块，或者，还可以是在浏览器等界面浏览工具中安装的插件，或者，还可以是以独立的应用程序存在的客户端，例如，“天猫”、“淘宝”客户端等，甚至，还可以将相应的功能固化与终端设备中，等等。

下面对本申请实施例提供的具体实现方案进行详细介绍。

实施例一

该实施例一首先从第一客户端的角度，提供了一种界面切换方法，参见图2，该方法具体可以包括：

S201：展示第一界面；

具体实现时，第一界面可以是多种具体的形式，例如，在一种典型的场景下，第一界面就可以是通过图文介绍的形式展示的数据对象信息界面，具体可以是数据对象列表界面，或者，也可以是数据对象信息的详情界面，等等。具体在展示第一界面时，可以是从服务器获得相关的界面数据，或者，还可以是根据本地缓存的信息获得相关的界面数据，等等。

S202：确定所述第一界面中位于视窗范围内的多项界面元素；

由于第一界面可能会比较长，视窗范围内通常仅能展示界面中的一部分内容，因此，如果要进行界面切换，则用户在视觉上能够观察到的界面变化，仅与当前位于视窗范围内的各项界面元素有关，因此，在进行切换之前，可以首先确定出第一界面中位于视窗范围内的多项界面元素。其中，在不同的时刻，随着用户的滑动等操作的进行，具体哪些内容位于视窗范围内是不一定的，但是，第一客户端可以根据渲染树等确定出当前时刻哪些内容位于视窗范围内。

具体实现时，该步骤S202可以是在一定的事件触发下进行的，例如，可以是在接收到具体的从第一界面向第二界面切换的切换请求时触发该步骤S202的执行。其中，具体的切换请求可以是由用户发出的，或者，也可以是由服务器等发出的，再者还可以是由第一客户端内部的预置程序发出，等等。例如，对于第一种情况，可以是在第一界面中提供用于切换到第二界面进行展示的按钮等操作选项，用户在浏览第一界面的过程中，可以随时通过该操作选项发起向第二界面进行切换的请求。或者，对于第二种情况，也可以是由服务器向第一客户端推送切换指令，例如，服务器可以对用户在第一界面中的驻留时间、滑动情况等进行统计，如果发现用户可能具有浏览第二界面的需求，则可以向第一客户端推送切换到第二界面进行展示的指示。对于第三种情况，则可以是在第一界面的代码中写入切换代码，在满足一定的条件下，可以自动触发向第二界面的切换，例如，在第一界面中的驻留时间大于某预置，且滑动的速度较快，等等，则可以出发界面切换过程，等等。

在确定出需要从第一界面向第二界面切换后，则可以执行该步骤S202。当然，在实际应用中，如果第二界面与第一界面的展示方式是类似的，则可以通过传统的方式进行切换，只有在第二界面与第一界面的展示方式不同或者具有较大差异时，才触发该步骤S202的执行。也就是说，假设第一界面是以图文形式进行展示的界面，而第二界面也是以图文形式展示的界面，例如，第一界面是数据对象列表界面，点击其中某个数据对象的链接后，需要切换到该数据对象的详情界面，而数据对象列表界面与详情界面都是图文形式的界面，因此，通过界面翻转、滑入滑出等形式进行切换过程中的过渡即可。而如果第一界面是图文形式展示的界面，而第二界面是以全屏的视频形式展示的界面，在两者在展示形式上是具有明显区别的，因此，就可以触发通过本申请实施例提供的方式进行切换。因此，在本申请的可选实施例中，在该步骤S202之前还可以在接收到从第一界面向第二界面进行切换的请求时，确定所述第二界面的展示方式信息，如果所述第二界面的展示方式信息符合预置条件(例如，属于通过全屏的方式进行视频展示，等等)，则触发执行所述确定所述第一界面中位于视窗范围内的多项界面元素及后续步骤。

其中，之所以需要确定多项界面元素，是指，第一界面位于视窗范围内的展示内容通常会比较多，具体的内容通常还具有各自的内容属性，例如，对于数据对象信息界面，有些可能是具体数据对象对应的信息，包括图片，文字等，有些则可能是一些页面标题、标签栏等信息，等等。而在控制上述信息进行消失时，还可以将这些内容划分为多个具体的展示元素，然后，以展示元素为单位进行逐项消失，这样可以使得过渡的过程显得更加井然有序。

其中，具体如何进行界面元素的确定也可以有多种方式。例如，在一种方式下，可以首先确定出所述第一界面中位于视窗范围内的展示内容，然后，根据所述展示内容确定多项界面元素。也就是说，由于第一界面的内容通常比较多，无法在同一屏内进行展示，因此，在某一时刻位于视窗范围内的只是界面中的一部分内容，这里所述的确定第一界面中位于视窗范围内的展示内容，就是指，在需要进行界面切换时，首先确定出有哪些内容是位于当前视窗范围内的。当然，在实际应用中，第一界面中可能还会包括一些不会随着用户滑动而变化的内容，例如，如果第一界面中存在搜索框，则该搜索框可能会置顶显示，并且第一界面上下滑动的过程中，该搜索框一直存在，因此，该搜索框也属于位于视窗范围内的界面元素。另外，如果页面中存在“扫一扫”的操作选项，“通知栏”等等，与“搜索框”的情况类似，也都可以作为展示元素存在。再者，关于系统的时间信息、通信信号标识、电池电量信息等，通常也会在第一界面的最上方进行展示，因此，也属于位于视窗范围内的界面元素，等等。

其中，所述展示内容可以包括位于第一图层的界面展示内容，以及位于第二图层的界面背景内容，此时，就可以根据所述第一图层中的界面展示内容确定至少一项第一界面元素，根据所述第二图层中的界面背景内容确定第二界面元素。其中，所谓第一图层中的界面展示内容具体就可以包括前文所述的数据对象的信息、一些工具栏、系统信息(包括时间、电池电量等等)，等等。上述界面展示内容可能会在同一图层中，也可能是在多个图层中，这里进行第一图层以及第二图层的划分，主要是为了说明，界面背景内容通常是在一个单独的图层中，具体可以是一些背景图片等等。

其中，具体在根据第一图层中的界面展示内容确定至少一项第一界面元素时，可以有多种方式，例如，可以是以各种展示内容的类型为依据进行划分，等等。或者，如果所述第一界面是数据对象信息界面，其中包括多个数据对象的信息，则具体在确定至少一项第一界面元素时，可以将同一数据对象关联的展示内容，确定为一项第一界面元素。其中，同一数据对象关联的展示内容可能会包括图片以及文字等多种类型的信息，在进行展示元素的确定时，可以将同一数据对象对应的图片以及文字确定为同一展示元素，在消失的过程中，可以以数据对象为单位进行消失。其中，同一数据对象对应的图片与文字可能是上下排列，也可能是左右排列，等等。

例如，如图3所示，其为第一界面在某时刻的展示状态，可见其中包括多个数据对象的信息，其中，图片在左，文字在右，在确定展示元素时，可以将同一数据对象对应的图片与文字确定为同一个展示元素。具体实现时，如果第一界面中设定了资源位，在同一个资源位内展示同一个数据对象的图片以及文字，则可以直接以资源位为单位确定具体的展示元素。当然，在实际应用中，也可以将同一数据对象对应的图片与文字部分作为两个不同的展示元素，等等。

另外，在优选的实施方式中，在确定界面元素的过程中，还可以为各个界面元素进行排序编号。如图3所示，可以将各个确定出的展示元素分别编号，具体可以按照预先设定的方式进行编号，例如，可以根据展示元素在视窗范围内的位置信息，按照从下到上的顺序排序，如果同一行中有多个展示元素，则还可以按照从左到右或者从右到左的顺序进行排序编号，等等。其中，除了数据对象信息对应的展示元素，关于工具栏中的展示元素、系统信息对应的展示元素，也都可以分别进行编号。例如，如图3所示，对其中的7个展示元素分别进行了编号，当然，上述编号信息并不会直接展示在前端界面中。另外，具体实现时，同样对于图3所示的界面，具体划分出的展示元素也可能并不是图3所示的7个，例如，还可以将4、5、6对应的三个展示元素合并为一个，或者，还可以将7对应的展示元素拆分为三个，甚至，还可以将第一图层中的全部展示内容确定为一个界面元素，第二图层中的背景图作为一个界面元素，等等。总之，具体确定展示元素的方式可以有多种，这里不进行一一介绍。

S203：通过控制所述位于视窗范围内的多项界面元素消失的方式，进行从所述第一界面向所述第二界面的切换。

在确定出位于视窗范围内的界面元素之后，具体在进行向第二界面的切换时，就可以控制所述位于视窗范围内的多项界面元素消失，以此达到“关灯”的效果。其中，具体控制界面元素消失的实现方式可以有多种，例如，一直方式下，可以通过设定对应界面元素的透明度属性的方式来实现，具体的，在将某界面元素的透明度设为0时，该界面元素将会变成全透明的，用户无法用肉眼观察到，从而达到“消失”的效果，等等。

其中，可以控制第一界面中的多项界面元素逐项消失，当然，在其他实施例中，也可以存在多项界面元素同时消失等情况。具体实现时，可以首先控制第一图层中的至少一项第一界面元素逐项消失，在所述第一界面元素全部消失后，再控制所述第二界面元素消失。例如，如果第一图层中包括多个第一界面元素，则用户看到的效果可以是，第一图层中的各个第一界面元素逐个消失，之后，第二图层中的界面背景也消失，等等。其中，如果在确定各项界面元素时，还进行了编号，则在各项界面元素消失的过程中，还可以控制所述位于视窗范围内的多项第一界面元素按照所述顺序编号逐项消失。

另外，还可以控制所述位于视窗范围内的多项界面元素按照预置的时间间隔逐项消失。具体实现时，由于不同的第一界面中包括的界面元素的项数可能会不同，因此，为了避免切换的过程所经历的时间过长或者过短，还可以预先对总的过渡过程所经历的时间间隔进行设定，这里所述的时间间隔是指，从第一界面中的内容开始消失，到完全消失所经历的时间，例如，可以设定为2S，等等，也即无论具体的第一界面中包括多少项界面元素，都可以在2S的时间长度内完成切换的过程。而具体到一个第一界面中，在确定出界面元素后，可以首先根据界面元素的数量，以及总的时间间隔，计算出各项界面元素之间的时间间隔，然后，再执行具体的将界面元素逐个消失的过程。其中，各项界面元素之间的时间间隔可以是平均分布的，或者还可以是随机分布，等等。

需要说明的是，在各项界面元素均消失之后，如果不进行特殊处理，则在第二界面展示之前，会呈现出全白的系统界面，之后再进行第二界面的展示，但是这可能会使得第一界面与第二界面之间的过渡显得不够自然，两个界面之间明显会被该全白的界面割裂开。为此，在本申请的优选实施例中，还可以在第一界面中设置一第三图层，该第三图层可以位于多项界面元素所在图层的下层，也即，如图4所示，假设第一界面本来包括第一图层以及第二图层，其中第二图层为背景层，则该第三图层可以位于第二图层的下层，并且，该第三图层中的内容可以与第二界面的背景内容相同。而该第三图层中的内容不包括在第一界面对应的各项界面元素中，也即，在前述第一图层、第二图层中的各项界面元素逐项消失后，该第三图层将会被“露”出来。然后，在该第三图层的基础上，叠加展示第二界面的内容，这样，由于第三图层与第二界面的背景是相同的，因此，会使得第一界面与第二界面之间的过渡更为自然。

例如，第二界面通常可以是用于通过全屏的形式进行视频展示的界面，对于这种界面而言，界面的背景通常为黑色，因此，可以在第一界面原有的背景图层的下层添加另一个图层，该图层为全黑色，这样，在第一界面中的其他展示元素逐项消失后，会展示出该全黑色的图层。在此基础上对第二界面展示时，由于第二界面的背景也会是全黑色，因此，使得用户所获得的体验是，第一界面中的各项界面元素逐渐消失后，“露”出视频内容，因此，过渡更为自然，也是的视频的播放更具有冲击力。

总之，在本申请实施例中，在从第一界面向第二界面进行切换的过程中，可以确定出第一界面中位于视窗范围内的多项界面元素，然后控制所述多项界面元素逐渐消失，通过这种方式完成向第二界面切换过程中的过渡。这种方式相对于现有技术中的过渡方式而言更加新颖，并且，在一些特殊的业务场景下，也可以更好的向用户传达业务理念，优化界面切换效果。

在优选的实施方式中，还可以为第一界面添加第三图层，其与第二界面的背景图层相同，并在第一界面中的各项界面元素消失后，“露出”第三图层后，在该第三图层的基础上展示第二界面，这样，可以使得第一界面向第二界面的过渡更加自然流畅，也是的第二界面的展示更加具有视觉的冲击力。

实施例二

该实施例二是与实施例一相对应的，从服务器的角度，提供了一种界面切换方法，参见图5，该方法具体可以包括：

S501：接收客户端提交的对第一界面的访问请求；

S502：提供所述第一界面的界面数据，以用于对所述第一界面进行展示，并确定所述第一界面中位于视窗范围内的多项界面元素，通过控制所述位于视窗范围内的多项界面元素消失的方式，进行从所述第一界面向所述第二界面的切换。

由于该实施例二与实施例一是相对应的，因此，相关的具体实现可以参见前述实施例一中的记载，这里不再赘述。

实施例三

在该实施例三中，将主要的改进点定位为关于第三图层的添加，也就是说，即使不是多项界面元素逐项消失，也可以为第一界面添加第三图层，只要能够在第一界面中的展示内容全部消失后，能够“露出”第三图层，并且第三图层中的内容与第二界面的背景图层中的内容相同，则也可以从一定程度上提升切换的自然度以及流畅度，提升第二界面的视觉冲击力。

具体的，参见图6，该实施例三提供了一种界面切换方法，具体的，该方法可以包括：

S601：展示第一界面，所述第一界面包括第三图层，所述第三图层位于所述第一界面中的展示内容所在图层的下层，且与第二界面的界面背景内容相同；

S602：在从所述第一界面向所述第二界面进行切换的过程中，控制所述展示内容消失，以展示出所述第三图层；

S603：在所述第三图层的基础上展示所述第二界面。

具体实现时，还可以根据所述第一界面在视窗范围内的展示内容确定多项界面元素，然后，控制所述多项界面元素逐项消失。关于这部分内容的具体实现，可以参见前述实施例一中的记载，这里不再赘述。

实施例四

该实施例四是与实施例三项对应的，从服务器的角度，提供了一种界面切换方法，参见图7，该方法具体可以包括：

S701：接收客户端对第一界面的访问请求，所述第一界面包括第三图层，所述第三图层位于所述第一界面中的展示内容所在图层的下层，且与第二界面的界面背景内容相同；

S702：提供所述第一界面的界面数据，以用于对所述第一界面进行展示，在从所述第一界面向所述第二界面进行切换的过程中，控制所述展示内容消失，以展示出所述第三图层，并在所述第三图层的基础上，叠加展示所述第二界面。

关于该实施例四的具体实现，可以参见前述实施例三中的记载，这里不再赘述。

实施例五

该实施例五还提供了一种界面，其中，所述界面中包括第三图层，所述第三图层位于所述界面中的展示内容所在图层的下层，且与另一界面的界面背景内容相同，以用于在向所述另一界面进行切换时，在所述界面中的展示内容消失后，在所述第三图层的基础上展示所述另一界面。

实施例六

在前述实施例中，是在具体需要进行界面切换时，从第一界面中确定出多项界面元素，然后通过控制这种界面元素消失的方式进行界面切换。而在该实施例六中，生成界面元素的过程也可以是提前完成的，也即，对于一个界面而言，如果其中展示的内容是固定的，则可以预先完成界面元素生成的操作，这样，在需要进行界面切换时，直接控制这种界面元素的消失即可，而不需要再重新执行生成界面元素的步骤。为此，该实施例六提供了一种界面元素生成方法，参见图8，该方法具体可以包括：

S801：确定目标界面中的展示内容，所述展示内容包括位于第一图层的界面展示内容，以及位于第二图层的界面背景内容；

S802：根据所述第一图层中的界面展示内容确定至少一项第一界面元素；

S803：根据所述第二图层中的界面背景内容确定第二界面元素，以用于在从所述目标界面向其他界面进行切换时，通过控制位于视窗范围内的多项界面元素消失的方式，完成从所述第一界面向所述第二界面的切换。

关于该实施例六中的未详述部分，可以参见前述各实施例中的介绍，这里不再赘述。

与实施例一相对应，本申请实施例还提供了一种界面切换装置，参见图9，该装置可以包括：

界面展示单元901，用于展示第一界面；

界面元素确定单元902，用于确定所述第一界面中位于视窗范围内的多项界面元素；

界面切换单元903，用于通过控制所述位于视窗范围内的多项界面元素消失的方式，进行从所述第一界面向所述第二界面的切换。

具体实现时，所述界面元素确定单元具体可以用于：

确定所述第一界面中位于视窗范围内的展示内容；

根据所述展示内容确定多项界面元素。

其中，所述展示内容包括位于第一图层的界面展示内容，以及位于第二图层的界面背景内容；

此时，所述界面元素确定单元具体可以用于：

根据所述第一图层中的界面展示内容确定至少一项第一界面元素；

根据所述第二图层中的界面背景内容确定第二界面元素。

其中，所述界面切换单元具体可以用于：

控制所述至少一项第一界面元素消失；

在所述第一界面元素全部消失后，控制所述第二界面元素消失。

其中，所述第一图层的界面展示内容包括多个数据对象的信息；

此时，所述界面元素确定单元具体可以用于：

将同一数据对象关联的展示内容，确定为一项第一界面元素。

在可选的实施方式中，该装置还可以包括：

顺序编号确定单元，用于根据各项第一界面元素在所述视窗范围内的位置信息，确定各项第一界面元素之间的顺序编号；

所述界面元素确定单元具体可以用于：

控制所述位于视窗范围内的多项第一界面元素按照所述顺序编号逐项消失。

具体实现时，所述界面元素确定单元具体可以用于：控制所述位于视窗范围内的多项界面元素逐项消失。

其中，界面元素确定单元具体可以用于：

控制所述位于视窗范围内的多项界面元素按照预置的时间间隔逐项消失。

其中，所述第一界面包括第三图层，所述第三图层位于所述多项界面元素所在图层的下层，且与所述第二界面的界面背景内容相同；

所述装置还可以包括：

第二界面展示单元，用于在所述多项界面元素消失后，在所述第三图层的基础上展示所述第二界面。

其中，所述第二界面包括通过全屏方式进行视频播放的界面。

另外，该装置还可以包括：

请求接收单元，用于所述确定所述第一界面中位于视窗范围内的多项界面元素之前，在接收到从第一界面向第二界面进行切换的请求时，确定所述第二界面的展示方式信息；

触发单元，用于如果所述第二界面的展示方式信息符合预置条件，则触发执行所述确定所述第一界面中位于视窗范围内的多项界面元素及后续步骤。

与实施例二相对应，本申请实施例还提供了一种界面切换装置，参见图10，该装置可以包括：

第一请求接收单元1001，用于接收客户端提交的对第一界面的访问请求；

第一界面数据提供单元1002，用于提供所述第一界面的界面数据，以用于对所述第一界面进行展示，并确定所述第一界面中位于视窗范围内的多项界面元素，通过控制所述位于视窗范围内的多项界面元素消失的方式，进行从所述第一界面向所述第二界面的切换。

与实施例三相对应，本申请实施例还提供了一种界面切换装置，参见图11，该装置可以包括：

第一展示单元1101，用于展示第一界面，所述第一界面包括第三图层，所述第三图层位于所述第一界面中的展示内容所在图层的下层，且与第二界面的界面背景内容相同；

控制单元1102，用于在从所述第一界面向所述第二界面进行切换的过程中，控制所述展示内容消失，以展示出所述第三图层；

第二展示单元1103，用于在所述第三图层的基础上展示所述第二界面。

与实施例四相对应，本申请实施例还提供了一种界面切换装置，参见图12，该装置可以包括：

第二请求接收单元1201，用于接收客户端对第一界面的访问请求，所述第一界面包括第三图层，所述第三图层位于所述第一界面中的展示内容所在图层的下层，且与第二界面的界面背景内容相同；

第二界面数据提供单元1202，用于提供所述第一界面的界面数据，以用于对所述第一界面进行展示，在从所述第一界面向所述第二界面进行切换的过程中，控制所述展示内容消失，以展示出所述第三图层，并在所述第三图层的基础上展示所述第二界面。

与实施例六相对应，本申请实施例还提供了一种界面切换装置，参见图13，该装置可以包括：

展示内容确定单元1301，用于确定目标界面中的展示内容，所述展示内容包括位于第一图层的界面展示内容，以及位于第二图层的界面背景内容；

第一界面元素确定单元1302，用于根据所述第一图层中的界面展示内容确定至少一项第一界面元素；

第二界面元素确定单元1303，用于根据所述第二图层中的界面背景内容确定第二界面元素，以用于在从所述目标界面向其他界面进行切换时，通过控制位于视窗范围内的多项界面元素消失的方式，完成从所述第一界面向所述第二界面的切换。

另外，本申请实施例还提供了一种电子设备，包括：

一个或多个处理器；以及

与所述一个或多个处理器关联的存储器，所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时，执行如下操作：

展示第一界面；

确定所述第一界面中位于视窗范围内的多项界面元素；

通过控制所述位于视窗范围内的多项界面元素消失的方式，进行从所述第一界面向所述第二界面的切换。

其中，图14示例性的展示出了电子设备的架构，例如，设备1400可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理，飞行器等。

参照图14，设备1400可以包括以下一个或多个组件：处理组件1402，存储器1404，电源组件1406，多媒体组件1408，音频组件1410，输入/输出(I/O)的接口1412，传感器组件1414，以及通信组件1416。

处理组件1402通常控制设备1400的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理元件1402可以包括一个或多个处理器1420来执行指令，以完成本公开技术方案提供的视频播放方法中的当满足预设条件时，生成流量压缩请求，并发送给服务器，其中所述流量压缩请求中记录有用于触发服务器获取目标关注区域的信息，所述流量压缩请求用于请求服务器优先保证目标关注区域内视频内容的码率；根据服务器返回的码流文件播放所述码流文件对应的视频内容，其中所述码流文件为服务器根据所述流量压缩请求对所述目标关注区域之外的视频内容进行码率压缩处理得到的视频文件的全部或部分步骤。此外，处理组件1402可以包括一个或多个模块，便于处理组件1402和其他组件之间的交互。例如，处理部件1402可以包括多媒体模块，以方便多媒体组件1408和处理组件1402之间的交互。

存储器1404被配置为存储各种类型的数据以支持在设备1400的操作。这些数据的示例包括用于在设备1400上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器1404可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件1406为设备1400的各种组件提供电力。电源组件1406可以包括电源管理系统，一个或多个电源，及其他与为设备1400生成、管理和分配电力相关联的组件。

多媒体组件1408包括在设备1400和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件1408包括一个前置摄像头和/或后置摄像头。当设备1400处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件1410被配置为输出和/或输入音频信号。例如，音频组件1410包括一个麦克风(MIC)，当设备1400处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器1404或经由通信组件1416发送。在一些实施例中，音频组件1410还包括一个扬声器，用于输出音频信号。

I/O接口1412为处理组件1402和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件1414包括一个或多个传感器，用于为设备1400提供各个方面的状态评估。例如，传感器组件1414可以检测到设备1400的打开/关闭状态，组件的相对定位，例如所述组件为设备1400的显示器和小键盘，传感器组件1414还可以检测设备1400或设备1400一个组件的位置改变，用户与设备1400接触的存在或不存在，设备1400方位或加速/减速和设备1400的温度变化。传感器组件1414可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件1414还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件1414还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件1416被配置为便于设备1400和其他设备之间有线或无线方式的通信。设备1400可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信部件1416经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信部件1416还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，设备1400可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器1404，上述指令可由设备1400的处理器1420执行以完成本公开技术方案提供的视频播放方法中的当满足预设条件时，生成流量压缩请求，并发送给服务器，其中所述流量压缩请求中记录有用于触发服务器获取目标关注区域的信息，所述流量压缩请求用于请求服务器优先保证目标关注区域内视频内容的码率；根据服务器返回的码流文件播放所述码流文件对应的视频内容，其中所述码流文件为服务器根据所述流量压缩请求对所述目标关注区域之外的视频内容进行码率压缩处理得到的视频文件。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统或系统实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的系统及系统实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

以上对本申请所提供的界面切换方法、装置及电子设备，进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处。综上所述，本说明书内容不应理解为对本申请的限制。

Claims (23)

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

展示第一界面；

确定所述第一界面中位于视窗范围内的多项界面元素；

通过控制所述位于视窗范围内的多项界面元素消失的方式，进行从所述第一界面向所述第二界面的切换。

2.根据权利要求1所述的方法，其特征在于，

所述确定所述第一界面中位于视窗范围内的多项界面元素，包括：

确定所述第一界面中位于视窗范围内的展示内容；

根据所述展示内容确定多项界面元素。

3.根据权利要求2所述的方法，其特征在于，

所述展示内容包括位于第一图层的界面展示内容，以及位于第二图层的界面背景内容；

所述根据所述展示内容确定多项界面元素，包括：

根据所述第一图层中的界面展示内容确定至少一项第一界面元素；

根据所述第二图层中的界面背景内容确定第二界面元素。

4.根据权利要求3所述的方法，其特征在于，

所述控制所述位于视窗范围内的多项界面元素消失，包括：

控制所述至少一项第一界面元素消失；

在所述第一界面元素全部消失后，控制所述第二界面元素消失。

5.根据权利要求3所述的方法，其特征在于，

所述第一图层的界面展示内容包括多个数据对象的信息；

所述根据所述第一图层中的界面展示内容确定至少一项第一界面元素，包括：

将同一数据对象关联的展示内容，确定为一项第一界面元素。

6.根据权利要求5所述的方法，其特征在于，还包括：

根据各项第一界面元素在所述视窗范围内的位置信息，确定各项第一界面元素之间的顺序编号；

所述控制所述位于视窗范围内的多项界面元素消失，包括：

控制所述位于视窗范围内的多项第一界面元素按照所述顺序编号逐项消失。

7.根据权利要求1至6任一项所述的方法，其特征在于，

所述控制所述位于视窗范围内的多项界面元素消失，包括：

控制所述位于视窗范围内的多项界面元素逐项消失。

8.根据权利要求7所述的方法，其特征在于，

所述控制所述位于视窗范围内的多项界面元素逐项消失，包括：

控制所述位于视窗范围内的多项界面元素按照预置的时间间隔逐项消失。

9.根据权利要求1所述的方法，其特征在于，

所述第一界面包括第三图层，所述第三图层位于所述多项界面元素所在图层的下层，且与所述第二界面的界面背景内容相同；

所述方法还包括：

在所述多项界面元素消失后，在所述第三图层的基础上展示所述第二界面。

10.根据权利要求1至9任一项所述的方法，其特征在于，

所述第二界面包括通过全屏方式进行视频播放的界面。

11.根据权利要求1至9任一项所述的方法，其特征在于，

所述确定所述第一界面中位于视窗范围内的多项界面元素之前，还包括：

在接收到从第一界面向第二界面进行切换的请求时，确定所述第二界面的展示方式信息；

如果所述第二界面的展示方式信息符合预置条件，则触发执行所述确定所述第一界面中位于视窗范围内的多项界面元素及后续步骤。

12.一种界面切换方法，其特征在于，包括：

接收客户端提交的对第一界面的访问请求；

提供所述第一界面的界面数据，以用于对所述第一界面进行展示，并确定所述第一界面中位于视窗范围内的多项界面元素，通过控制所述位于视窗范围内的多项界面元素消失的方式，进行从所述第一界面向所述第二界面的切换。

13.一种界面切换方法，其特征在于，包括：

展示第一界面，所述第一界面包括第三图层，所述第三图层位于所述第一界面中的展示内容所在图层的下层，且与第二界面的界面背景内容相同；

在从所述第一界面向所述第二界面进行切换的过程中，控制所述展示内容消失，以展示出所述第三图层；

在所述第三图层的基础上展示所述第二界面。

14.根据权利要求13所述的方法，其特征在于，所述控制所述展示内容消失，包括：

根据所述第一界面在视窗范围内的展示内容确定多项界面元素；

控制所述多项界面元素逐项消失。

15.一种界面切换方法，其特征在于，包括：

接收客户端对第一界面的访问请求，所述第一界面包括第三图层，所述第三图层位于所述第一界面中的展示内容所在图层的下层，且与第二界面的界面背景内容相同；

提供所述第一界面的界面数据，以用于对所述第一界面进行展示，在从所述第一界面向所述第二界面进行切换的过程中，控制所述展示内容消失，以展示出所述第三图层，并在所述第三图层的基础上展示所述第二界面。

16.一种界面，其特征在于，所述界面中包括第三图层，所述第三图层位于所述界面中的展示内容所在图层的下层，且与另一界面的界面背景内容相同，以用于在向所述另一界面进行切换时，在所述界面中的展示内容消失后，在所述第三图层的基础上展示所述另一界面。

17.一种界面元素生成方法，其特征在于，包括：

确定目标界面中的展示内容，所述展示内容包括位于第一图层的界面展示内容，以及位于第二图层的界面背景内容；

根据所述第一图层中的界面展示内容确定至少一项第一界面元素；

根据所述第二图层中的界面背景内容确定第二界面元素，以用于在从所述目标界面向其他界面进行切换时，通过控制位于视窗范围内的多项界面元素消失的方式，完成从所述第一界面向所述第二界面的切换。

18.一种界面切换装置，其特征在于，包括：

界面展示单元，用于展示第一界面；

界面元素确定单元，用于确定所述第一界面中位于视窗范围内的多项界面元素；

界面切换单元，用于通过控制所述位于视窗范围内的多项界面元素消失的方式，进行从所述第一界面向所述第二界面的切换。

19.一种界面切换装置，其特征在于，包括：

第一请求接收单元，用于接收客户端提交的对第一界面的访问请求；

第一界面数据提供单元，用于提供所述第一界面的界面数据，以用于对所述第一界面进行展示，并确定所述第一界面中位于视窗范围内的多项界面元素，通过控制所述位于视窗范围内的多项界面元素消失的方式，进行从所述第一界面向所述第二界面的切换。

20.一种界面切换装置，其特征在于，包括：

第一展示单元，用于展示第一界面，所述第一界面包括第三图层，所述第三图层位于所述第一界面中的展示内容所在图层的下层，且与第二界面的界面背景内容相同；

控制单元，用于在从所述第一界面向所述第二界面进行切换的过程中，控制所述展示内容消失，以展示出所述第三图层；

第二展示单元，用于在所述第三图层的基础上展示所述第二界面。

21.一种界面切换装置，其特征在于，包括：

第二请求接收单元，用于接收客户端对第一界面的访问请求，所述第一界面包括第三图层，所述第三图层位于所述第一界面中的展示内容所在图层的下层，且与第二界面的界面背景内容相同；

第二界面数据提供单元，用于提供所述第一界面的界面数据，以用于对所述第一界面进行展示，在从所述第一界面向所述第二界面进行切换的过程中，控制所述展示内容消失，以展示出所述第三图层，并在所述第三图层的基础上展示所述第二界面。

22.一种界面元素生成装置，其特征在于，包括：

展示内容确定单元，用于确定目标界面中的展示内容，所述展示内容包括位于第一图层的界面展示内容，以及位于第二图层的界面背景内容；

第一界面元素确定单元，用于根据所述第一图层中的界面展示内容确定至少一项第一界面元素；

第二界面元素确定单元，用于根据所述第二图层中的界面背景内容确定第二界面元素，以用于在从所述目标界面向其他界面进行切换时，通过控制位于视窗范围内的多项界面元素消失的方式，完成从所述第一界面向所述第二界面的切换。

23.一种电子设备，其特征在于，包括：

一个或多个处理器；以及

与所述一个或多个处理器关联的存储器，所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时，执行如下操作：

展示第一界面；

确定所述第一界面中位于视窗范围内的多项界面元素；

通过控制所述位于视窗范围内的多项界面元素消失的方式，进行从所述第一界面向所述第二界面的切换。