CN111783015A - 页面中共享显示元素的展示方法、电子设备及存储介质 - Google Patents

Abstract

本发明公开了一种页面中共享显示元素的展示方法、电子设备及存储介质，该方法包括：基于由第一页面向第二页面的跳转请求，检测第二页面与第一页面是否存在至少一个显示元素相同的共享显示元素；若是，根据共享显示元素在第一页面的第一位置和第一尺寸以及在第二页面的第二位置和第二尺寸，确定共享显示元素的运动轨迹数据和缩放尺寸数据；根据共享显示元素的运动轨迹数据和缩放尺寸数据渲染展示共享显示元素，根据服务器所返回的第二页面的页面数据对第二页面中除共享显示元素之外的其他页面元素进行渲染展示。该方式实现了在具有共享显示元素的页面之间跳转时共享显示元素以动态变化的方式移动到下一个页面的相应位置的动态效果。

Description

页面中共享显示元素的展示方法、电子设备及存储介质

技术领域

本发明涉及终端技术领域，具体涉及一种页面中共享显示元素的展示方法、电子设备及存储介质。

背景技术

随着科技的不断发展，各种网络服务应用的功能日益强大，应用中提供了多种不同的页面来展示信息，各个页面之间可以相互切换跳转，例如，由当前页面向下一个页面跳转时，获取下一个页面的页面数据进行渲染展示，呈现给用户的视觉效果是下一个页面直接覆盖当前页面。

但是，发明人在实现本发明的过程发现：应用中的不同页面会复用相同的显示元素，也即不同的页面之间是有联系的，而现有技术中页面跳转处理方式切断了这种页面之间的在显示元素上的联系，缺乏一种针对于复用相同显示元素的页面之间的跳转处理方法。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的页面中共享显示元素的展示方法、电子设备及存储介质。

根据本发明的一个方面，提供了一种页面中共享显示元素的展示方法，包括：

基于由第一页面向第二页面的跳转请求，检测第二页面与第一页面是否存在至少一个显示元素相同的共享显示元素；

若是，根据至少一个共享显示元素在第一页面的第一位置和在第二页面的第二位置，确定至少一个共享显示元素的运动轨迹数据；

根据至少一个共享显示元素在第一页面的第一尺寸和在第二页面的第二尺寸，确定至少一个共享显示元素的缩放尺寸数据；

根据至少一个共享显示元素的运动轨迹数据和缩放尺寸数据渲染展示至少一个共享显示元素，并根据服务器所返回的第二页面的页面数据对第二页面中除至少一个共享显示元素之外的其他页面元素进行渲染展示。

根据本发明的又一方面，提供了一种电子设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；

所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行以下操作：

基于由第一页面向第二页面的跳转请求，检测第二页面与第一页面是否存在至少一个显示元素相同的共享显示元素；

若是，根据至少一个共享显示元素在第一页面的第一位置和在第二页面的第二位置，确定至少一个共享显示元素的运动轨迹数据；

根据至少一个共享显示元素在第一页面的第一尺寸和在第二页面的第二尺寸，确定至少一个共享显示元素的缩放尺寸数据；

根据至少一个共享显示元素的运动轨迹数据和缩放尺寸数据渲染展示至少一个共享显示元素，并根据服务器所返回的第二页面的页面数据对第二页面中除至少一个共享显示元素之外的其他页面元素进行渲染展示。

根据本发明的再一方面，提供了一种计算机存储介质，所述存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行以下操作：

基于由第一页面向第二页面的跳转请求，检测第二页面与第一页面是否存在至少一个显示元素相同的共享显示元素；

若是，根据至少一个共享显示元素在第一页面的第一位置和在第二页面的第二位置，确定至少一个共享显示元素的运动轨迹数据；

根据至少一个共享显示元素在第一页面的第一尺寸和在第二页面的第二尺寸，确定至少一个共享显示元素的缩放尺寸数据；

根据至少一个共享显示元素的运动轨迹数据和缩放尺寸数据渲染展示至少一个共享显示元素，并根据服务器所返回的第二页面的页面数据对第二页面中除至少一个共享显示元素之外的其他页面元素进行渲染展示。

根据本发明的页面中共享显示元素的展示方法、电子设备及存储介质，通过基于由第一页面向第二页面的跳转请求，检测第二页面与第一页面是否存在至少一个显示元素相同的共享显示元素；若是，根据至少一个共享显示元素在第一页面的第一位置和在第二页面的第二位置，确定至少一个共享显示元素的运动轨迹数据；根据至少一个共享显示元素在第一页面的第一尺寸和在第二页面的第二尺寸，确定至少一个共享显示元素的缩放尺寸数据；根据至少一个共享显示元素的运动轨迹数据和缩放尺寸数据渲染展示至少一个共享显示元素，并根据服务器所返回的第二页面的页面数据对第二页面中除至少一个共享显示元素之外的其他页面元素进行渲染展示。通过上述方式，在具有共享显示元素的页面之间跳转时，能够在保证下一个页面的正常渲染展示的前提下实现共享显示元素以动态变化的方式移动到下一个页面的相应位置的动态效果，提升了页面跳转时的渲染展示效果。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了本发明实施例提供的页面中共享显示元素的展示方法流程图；

图2示出了本发明另一实施例提供的页面中共享显示元素的展示方法的流程图；

图3a示出了本发明实施例中第一页面的示意图；

图3b示出了本发明实施例中第二页面的示意图；

图4示出了本发明实施例提供的电子设备的结构示意图。

具体实施方式

下面将参照附图更详细地描述本发明的示例性实施例。虽然附图中显示了本发明的示例性实施例，然而应当理解，可以以各种形式实现本发明而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本发明，并且能够将本发明的范围完整的传达给本领域的技术人员。

图1示出了本发明实施例提供的页面中共享显示元素的展示方法流程图，如图1所示，该方法包括以下步骤：

步骤S110，基于由第一页面向第二页面的跳转请求，检测第二页面与第一页面是否存在至少一个显示元素相同的共享显示元素。

其中，由第一页面向第二页面的跳转请求可以是根据用户操作触发的，也可以是根据应用自动跳转需求触发的。

可选地，根据第一页面和第二页面的页面模板，检测第二页面是否与第一页面包含至少一个相同的显示元素，第一页面和第二页面包含的相同的显示元素就是第一页面和第二页面之间的共享显示元素。该步骤相当于检测第二页面是否复用了第一页面中的显示元素及复用的显示元素的数量。

步骤S120，若第二页面与第一页面存在至少一个显示元素相同的共享显示元素，根据至少一个共享显示元素在第一页面的第一位置和在第二页面的第二位置，确定至少一个共享显示元素的运动轨迹数据。

由于同一个显示元素在不同页面的位置和尺寸都有所不同，由第一页面向第二页面跳转时，最终的目的是要使第二页面中的所有显示元素都是按照规定的位置和尺寸展示的，本实施例的方法中，也主要是从位置变化和尺寸变化两方面来渲染共享显示元素。

对于共享显示元素的位置改变，根据共享显示元素在第一页面的第一位置和在第二页面的第二位置，确定该共享显示元素的运动轨迹，得到用于指示共享显示元素的运动轨迹数据。具体地，根据共享显示元素在第一页面中的第一位置的坐标，以及共享显示元素在第二页面的第二位置的坐标，确定由第一位置和第二位置之间的轨迹的坐标数据，即得到共享显示元素的运功轨迹数据。可选地，共享显示元素的运动轨迹为第一位置到第二位置的直线轨迹。

步骤S130，根据至少一个共享显示元素在第一页面的第一尺寸和在第二页面的第二尺寸，确定至少一个共享显示元素的缩放尺寸数据。

对于共享显示元素的尺寸改变，根据共享显示元素在第一页面的第一尺寸和在第二页面的第二尺寸，确定需要将共享显示元素进行放大的尺寸或者缩小的尺寸，生成用于指示将共享显示元素进行放大或者缩小的缩放尺寸数据。

步骤S140，根据至少一个共享显示元素的运动轨迹数据和缩放尺寸数据渲染展示至少一个共享显示元素，并根据服务器所返回的第二页面的页面数据对第二页面中除至少一个共享显示元素之外的其他页面元素进行渲染展示。

本实施例中，对第二页面的渲染展示分为了两个部分：一是共享显示元素的渲染展示，具体根据确定的运动轨迹数据和缩放尺寸数据进行渲染展示。通过这种方式，呈现给用户的视觉是共享显示元素变化着沿运动轨迹移动的动态效果，也即，用户看到的效果是共享显示元素直接由第一位置平滑移动到第二位置，并且尺寸也由第一尺寸变化为第二尺寸。而现有技术的方式中，用户看到的效果是第二页面直接覆盖了第一页面，无法呈现出共享显示元素由第一位置的动态过渡第二位置的效果。

二是除了共享显示元素之外的其他页面元素的渲染展示，具体根据服务器返回的第二页面的页面数据，对其他页面元素进行渲染展示。

根据本实施例所提供的页面中共享显示元素的展示方法，基于第一页面向第二页面的跳转请求，检测第二页面与第一页面是否存在至少一个显示元素相同的共享显示元素，若是，则根据共享显示元素分别在第一页面和第二页面的位置和尺寸，确定共享显示元素的运动轨迹数据和缩放尺寸数据，之后，根据共享显示元素的运动轨迹数据和缩放尺寸数据渲染共享显示元素，并根据服务端返回的页面数据渲染展示第二页面中除共享显示元素之外的其他页面元素。通过上述方式，在具有共享显示元素的页面之间跳转时，能够在保证下一个页面的正常渲染展示的前提下实现共享显示元素以动态变化的方式移动到下一个页面的相应位置的动态效果，提升了页面跳转时的渲染展示效果。

图2示出了本发明另一实施例提供的页面中共享显示元素的展示方法的流程图，如图2所示，该方法包括以下步骤：

步骤S210，基于由第一页面向第二页面的跳转请求，检测第二页面与第一页面是否存在至少一个显示元素相同的共享显示元素。

其中，由第一页面向第二页面的跳转请求是根据用户对第一页面中用于跳转至第二页面的入口的操作而触发的。以电子书应用为例，书籍榜单页面中展示多本书籍，书籍榜单页面中用于跳转至书籍详情页面的入口设置在各本书籍的展示区域内，当用户对任一书籍的展示区域内的入口进行操作时，触发由书籍榜单页面向该书籍的书籍详情页面的跳转请求。

或者，由第一页面向第二页面的跳转请求时根据应用自动跳转需求而触发。例如，开屏页面展示结束之后，会自动跳转至应用的首页，那么，由开屏页面向应用首页的跳转请求就是根据应用自动跳转需求而触发的。

应用的各个不同的页面都具有相应的页面模板，页面模板中规定了页面中展示的各个页面元素及其位置和尺寸。基于此，可通过第一页面和第二页面的页面模板检测第二页面与第一页面之间是否存在共享显示元素。

步骤S220，若检测第二页面与第一页面存在至少一个显示元素相同的共享显示元素，根据至少一个共享显示元素在第一页面的第一位置和在第二页面的第二位置，确定至少一个共享显示元素的运动轨迹数据。

本实施例的方法中，主要是从位置变化、尺寸变化以及变化速度三个方面来渲染共享显示元素。

对于共享显示元素的位置改变，根据共享显示元素在第一页面的第一位置和在第二页面的第二位置，确定该共享显示元素的运动轨迹，得到用于指示共享显示元素的运动轨迹数据。具体地，根据共享显示元素在第一页面中的第一位置的坐标，以及共享显示元素在第二页面的第二位置的坐标，确定由第一位置和第二位置之间的轨迹的坐标数据，即得到共享显示元素的运功轨迹数据。可选地，共享显示元素的运动轨迹为第一位置到第二位置的直线轨迹。

步骤S230，根据至少一个共享显示元素在第一页面的第一尺寸和在第二页面的第二尺寸，确定至少一个共享显示元素的缩放尺寸数据。

对于共享显示元素的尺寸改变，根据共享显示元素在第一页面的第一尺寸和在第二页面的第二尺寸，确定需要将共享显示元素进行放大的尺寸或者缩小的尺寸，得到用于指示将共享显示元素进行放大或者缩小的缩放尺寸数据。

步骤S240，根据至少一个共享显示元素在第一页面的第一位置和在第二页面的第二位置，确定至少一个共享显示元素的运动距离数据；根据至少一个共享显示元素的运动距离数据以及预设运动时长数据，计算至少一个共享显示元素的运动速度数据。

对于共享元素的变化速度，本实施例中，共享显示元素的运动时长固定的，则根据共享显示元素在第一页面的第一位置和在第二页面的第二位置，确定共享显示元素的运动距离；然后，根据共享显示元素的运动距离和该固定时长，计算出共享显示元素的运动速度。

本实施例中，确定了共享显示元素的运动轨迹、缩放尺寸以及运动速度，依据这三方面的因素进行渲染展示，则渲染的效果为：在固定的时长内，共享显示元素按照一定的速度由第一位置移动到第二位置、尺寸由第一尺寸缩放为第二尺寸。

步骤S250，根据至少一个共享显示元素的运动轨迹数据、缩放尺寸数据以及运动速度数据，从本地缓存读取并渲染展示至少一个共享显示元素，并根据服务器所返回的第二页面的页面数据对第二页面中除至少一个共享显示元素之外的其他页面元素进行渲染展示。

同样地，本实施例中对第二页面的渲染展示分为两个部分：一是第二页面中共享显示元素的渲染展示。二是除了共享显示元素之外的其他页面元素的渲染展示。下面分别进行说明。

具体实施时，各个页面之间复用的显示元素是可以确定的，例如根据各个页面的页面模板检测出各个页面之间复用的显示元素。本实施例的方法中，在本地缓存有共享显示元素，预先从服务端获取各个页面之间的共享显示元素，并缓存到本地。例如，可以在请求到第一页面的页面数据之后，就将第二页面复用的第一页面的显示元素缓存下来，向第二页面跳转时，直接从缓存中读取该显示元素即可，无需向服务器请求。

针对于第二页面中的共享显示元素，根据其对应的运动轨迹数据、缩放尺寸数据以及运动速度数据，并从本地读取并渲染该共享显示元素。例如，共享显示元素的运动轨迹为第一位置到第二位置的直线轨迹，共享显示元素的缩放尺寸为由第一尺寸放大为第二尺寸，运动速度为1厘米/毫秒(预设运动时长为3毫秒，直线轨迹距离为3厘米)，那么，则渲染展示的视觉效果为：时长为3毫秒的、共享显示元素由第一位置直线移动到第二位置且尺寸由第一尺寸放大为第二尺寸的过渡动画。

在一种可选的方式中，若检测出第二页面包含至少一个共享显示元素的相关基础信息，从本地缓存读取并渲染展示至少一个共享显示元素及其相关基础信息。如果第二页面还包含共享显示元素的相关基础信息，同样也会预先将共享显示元素的相关基础信息缓存到本地，进行渲染展示时，从本地缓存读取并渲染展示共享显示元素及其相关基础信息。

例如，电子书应用中，书籍榜单页面和书籍详情页面复用电子书封面元素，则预先根据书籍榜单页面中的任一书籍的书籍标识向服务端请求电子书封面元素的相关基础信息，如书名、作者、内容简介、书籍目录等等，并缓存到本地。

针对于第二页面中除共享显示元素之外的其他页面元素，根据服务器返回的第二页面的页面数据进行渲染展示。具体实施时，也可以预先向服务器请求第二页面的页面数据，并缓存在本地，例如，可以在第一页面甚至第一页面更前的页面时，就将第二页面的页面数据缓存下来。

本发明实施例的方法可应用于电子书应用，电子书应用中包括书籍榜单页面、书籍详情页面、书架页面、书籍订单页等等，各个页面复用的显示元素通常包括电子书封面元素。

下面参照附图来说明本发明实施例方法应用于电子书应用时的效果，图3a示出了本发明实施例中第一页面的示意图，图3b示出了本发明实施例中第二页面的示意图，如图3a、3b所示，第一页面为书籍榜单页面，第二页面为书籍详情页面，第一页面和第二页面复用了书籍封面元素，并且，书籍封面在第一页面中的位置和尺寸与在第二页面的位置和尺寸均不相同。根据用户对书籍榜单页面中书籍的展示区域执行点击操作，触发由书籍榜单页面向该书籍的书籍详情页面的跳转请求，本示例中，用户点击了第三本书籍的展示区域内的入口，那么，采用本发明实施例的方法，用户执行了点击操作之后，呈现给用户的视觉效果为：书籍封面3由其在第一页面中的第一位置移动到了其在第二页面中的第二位置，在移动过程中，书籍封面3的尺寸不断放大，由其在第一页面中的第一尺寸匀速放大为其在第二页面中的第二尺寸，于此同时，第二页面中的其他页面元素正常渲染展示。而现有技术的呈现给用户的视觉效果就是第二页面直接覆盖第一页面。相比于现有技术，本申请实施例的方法的渲染展示效果更佳。

共享展示元素也可以为广告素材元素，在实际应用中，广告素材元素通常有两个展示资源位，一是开屏页面，二是书籍榜单页面中的焦点图，也就是说，开屏页面和书籍榜单页面之间会复用广告素材元素，这两个页面之间的跳转也可采用本实施例的方法进行处理。

在一种可选的方式中，在渲染展示至少一个共享显示元素之后，进一步执行以下步骤：根据所渲染展示的至少一个共享显示元素，计算第二页面中待展示的背景处理层数据；根据背景处理层数据渲染展示第二页面中的背景处理层。

在渲染展示共享显示元素之后，根据所渲染的共享显示元素，计算用于渲染第二页面的背景处理层的数据。例如，首先对所渲染的共享显示元素进行取色处理，提取出共享显示元素的主体颜色数据；然后，将共享显示元素进行放大和高斯模糊处理；然后，将提取的主题颜色数据附加到经过放大和高斯模糊的共享显示元素上，得到背景处理层数据；最后，根据背景层处理数据渲染展示第二页面的背景处理层。该方式中，最终渲染展示的第二页面还具有背景层，显示效果更佳。

另外，如果第二页面不包含与第一页面中任一显示元素相同的共享显示元素，则根据服务器所返回的第二页面的页面数据，渲染展示第二页面的所有页面元素。

根据本发明实施例所提供的页面中共享显示元素的展示方法，基于第一页面向第二页面的跳转请求，检测第二页面是否包含与第一页面中的显示元素相同的共享显示元素；如果包含，则根据共享显示元素在第一页面和在第二页面的位置，确定共享显示元素的运动轨迹数据，以及根据共享显示元素在第一页面的尺寸和在第二页面的尺寸，确定共享显示元素的缩放尺寸数据，以及确定共享显示元素的运动速度数据；之后，根据共享显示元素的运动轨迹数据、缩放尺寸数据以及运动速度数据，从本地缓存中读取数据对共享显示元素及其相关基础信息进行渲染展示，同时，对第二页面中除共享显示元素之外的其他显示元素进行渲染显示。通过上述方式，在具有共享显示元素的页面之间跳转时，能够在保证下一个页面的正常渲染展示的前提下实现共享显示元素以动态变化的方式移动到下一个页面的相应位置的动态效果，提升了页面跳转时的渲染展示效果。同时，通过将共享显示元素及其相关基础信息缓存在本地，渲染展示时无需从服务端请求数据，能够避免页面跳转时延迟卡顿的情况。此外，还提供了一种基于共享显示元素的第二页面的背景层的渲染显示方法，能够美化第二页面，进一步提升页面的渲染展示效果。

本发明实施例提供了一种非易失性计算机存储介质，所述计算机存储介质存储有至少一可执行指令，该计算机可执行指令可执行上述任意方法实施例中的页面中共享显示元素的展示方法。

可执行指令具体可以用于使得处理器执行以下操作：

基于由第一页面向第二页面的跳转请求，检测第二页面与第一页面是否存在至少一个显示元素相同的共享显示元素；

若是，根据至少一个共享显示元素在第一页面的第一位置和在第二页面的第二位置，确定至少一个共享显示元素的运动轨迹数据；

根据至少一个共享显示元素在第一页面的第一尺寸和在第二页面的第二尺寸，确定至少一个共享显示元素的缩放尺寸数据；

根据至少一个共享显示元素的运动轨迹数据和缩放尺寸数据渲染展示至少一个共享显示元素，并根据服务器所返回的第二页面的页面数据对第二页面中除至少一个共享显示元素之外的其他页面元素进行渲染展示。

在一种可选的方式中，所述可执行指令使所述处理器执行以下操作：

根据至少一个共享显示元素在第一页面的第一位置和在第二页面的第二位置，确定至少一个共享显示元素的运动距离数据；

根据至少一个共享显示元素的运动距离数据以及预设运动时长数据，计算至少一个共享显示元素的运动速度数据；

依据运动速度数据，渲染展示至少一个共享显示元素。

在一种可选的方式中，所述可执行指令使所述处理器执行以下操作：

从本地缓存读取并渲染展示至少一个共享显示元素。

在一种可选的方式中，所述可执行指令使所述处理器执行以下操作：若检测出第二页面包含至少一个共享显示元素的相关基础信息，从本地缓存读取并渲染展示至少一个共享显示元素及其相关基础信息。

在一种可选的方式中，由第一页面向第二页面的跳转请求是根据用户对第一页面中用于跳转至第二页面的入口的操作而触发，或者，根据应用自动跳转需求而触发。

在一种可选的方式中，共享显示元素包括：广告素材元素和/或电子书封面元素。

在一种可选的方式中，当共享显示元素为电子书封面元素时，共享显示元素的相关基础信息包括以下中的一种或多种：书籍名称、书籍作者、书籍内容简介、书籍目录。

在一种可选的方式中，所述可执行指令使所述处理器执行以下操作：

在渲染展示至少一个共享显示元素之后，根据所渲染展示的至少一个共享显示元素，计算第二页面中待展示的背景处理层数据；

根据背景处理层数据渲染展示第二页面中的背景处理层。

由此可见，通过上述方式，在具有共享显示元素的页面之间跳转时，能够在保证下一个页面的正常渲染展示的前提下实现共享显示元素以动态变化的方式移动到下一个页面的相应位置的动态效果，提升了页面跳转时的渲染展示效果。

图4示出了本发明电子设备实施例的结构示意图，本发明具体实施例并不对电子设备的具体实现做限定。

如图4所示，该电子设备可以包括：处理器(processor)402、通信接口(Communications Interface)404、存储器(memory)406、以及通信总线408。

其中：处理器402、通信接口404、以及存储器406通过通信总线408完成相互间的通信。通信接口404，用于与其它设备比如客户端或其它服务器等的网元通信。处理器402，用于执行程序410，具体可以执行上述用于电子设备的页面中共享显示元素的展示方法实施例中的相关步骤。

具体地，程序410可以包括程序代码，该程序代码包括计算机操作指令。

处理器402可能是中央处理器CPU，或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit)，或者是被配置成实施本发明实施例的一个或多个集成电路。电子设备包括的一个或多个处理器，可以是同一类型的处理器，如一个或多个CPU；也可以是不同类型的处理器，如一个或多个CPU以及一个或多个ASIC。

存储器406，用于存放程序410。存储器406可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。

程序410具体可以用于使得处理器402执行以下操作：

基于由第一页面向第二页面的跳转请求，检测第二页面与第一页面是否存在至少一个显示元素相同的共享显示元素；

若是，根据至少一个共享显示元素在第一页面的第一位置和在第二页面的第二位置，确定至少一个共享显示元素的运动轨迹数据；

根据至少一个共享显示元素在第一页面的第一尺寸和在第二页面的第二尺寸，确定至少一个共享显示元素的缩放尺寸数据；

根据至少一个共享显示元素的运动轨迹数据和缩放尺寸数据渲染展示至少一个共享显示元素，并根据服务器所返回的第二页面的页面数据对第二页面中除至少一个共享显示元素之外的其他页面元素进行渲染展示。

在一种可选的方式中，所述程序410使所述处理器402执行以下操作：

根据至少一个共享显示元素在第一页面的第一位置和在第二页面的第二位置，确定至少一个共享显示元素的运动距离数据；

根据至少一个共享显示元素的运动距离数据以及预设运动时长数据，计算至少一个共享显示元素的运动速度数据；

依据运动速度数据，渲染展示至少一个共享显示元素。

在一种可选的方式中，所述程序410使所述处理器402执行以下操作：

从本地缓存读取并渲染展示至少一个共享显示元素。

在一种可选的方式中，所述程序410使所述处理器402执行以下操作：

若检测出第二页面包含至少一个共享显示元素的相关基础信息，从本地缓存读取并渲染展示至少一个共享显示元素及其相关基础信息。

在一种可选的方式中，由第一页面向第二页面的跳转请求是根据用户对第一页面中用于跳转至第二页面的入口的操作而触发，或者，根据应用自动跳转需求而触发。

在一种可选的方式中，共享显示元素包括：广告素材元素和/或电子书封面元素。

在一种可选的方式中，共享显示元素为电子书封面元素时，共享显示元素的相关基础信息包括以下中的一种或多种：书籍名称、书籍作者、书籍内容简介、书籍目录。

在一种可选的方式中，所述程序410使所述处理器402执行以下操作：

在渲染展示至少一个共享显示元素之后，根据所渲染展示的至少一个共享显示元素，计算第二页面中待展示的背景处理层数据；

根据背景处理层数据渲染展示第二页面中的背景处理层。

由此可见，通过上述方式，在具有共享显示元素的页面之间跳转时，能够在保证下一个页面的正常渲染展示的前提下实现共享显示元素以动态变化的方式移动到下一个页面的相应位置的动态效果，提升了页面跳转时的渲染展示效果。

在此提供的算法或显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明实施例也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本发明并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明实施例的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。上述实施例中的步骤，除有特殊说明外，不应理解为对执行顺序的限定。

本发明公开了：A1.一种页面中共享显示元素的展示方法，包括：

基于由第一页面向第二页面的跳转请求，检测第二页面与第一页面是否存在至少一个显示元素相同的共享显示元素；

若是，根据至少一个共享显示元素在所述第一页面的第一位置和在所述第二页面的第二位置，确定所述至少一个共享显示元素的运动轨迹数据；

根据所述至少一个共享显示元素在所述第一页面的第一尺寸和在所述第二页面的第二尺寸，确定所述至少一个共享显示元素的缩放尺寸数据；

根据所述至少一个共享显示元素的运动轨迹数据和缩放尺寸数据渲染展示所述至少一个共享显示元素，并根据服务器所返回的所述第二页面的页面数据对所述第二页面中除所述至少一个共享显示元素之外的其他页面元素进行渲染展示。

A2.根据A1所述的方法，其中，所述方法还包括：

根据所述至少一个共享显示元素在所述第一页面的第一位置和在所述第二页面的第二位置，确定所述至少一个共享显示元素的运动距离数据；

根据所述至少一个共享显示元素的运动距离数据以及预设运动时长数据，计算所述至少一个共享显示元素的运动速度数据；

所述渲染展示所述至少一个共享显示元素具体为：依据运动速度数据，渲染展示所述至少一个共享显示元素。

A3.根据A1或A2所述的方法，其中，在本地缓存有所述至少一个共享显示元素；

所述渲染展示所述至少一个共享显示元素具体为：从本地缓存读取并渲染展示所述至少一个共享显示元素。

A4.根据A3所述的方法，其中，在本地还缓存有所述至少一个共享显示元素的相关基础信息；

所述渲染展示所述至少一个共享显示元素进一步包括：若检测出第二页面包含所述至少一个共享显示元素的相关基础信息，从本地缓存读取并渲染展示所述至少一个共享显示元素及其相关基础信息。

A5.根据A1-A4中任一项所述的方法，其中，所述由第一页面向第二页面的跳转请求是根据用户对所述第一页面中用于跳转至所述第二页面的入口的操作而触发，或者，根据应用自动跳转需求而触发。

A6.根据A1-A5中任一项所述的方法，其中，所述方法应用于电子书应用，所述共享显示元素包括：广告素材元素和/或电子书封面元素。

A7.根据A6所述的方法，其中，当所述共享显示元素为电子书封面元素时，所述共享显示元素的相关基础信息包括以下中的一种或多种：

书籍名称、书籍作者、书籍内容简介、书籍目录。

A8.根据A1-A6中任一项所述的方法，其中，在所述渲染展示所述至少一个共享显示元素之后，所述方法进一步包括：

根据所渲染展示的所述至少一个共享显示元素，计算所述第二页面中待展示的背景处理层数据；

根据所述背景处理层数据渲染展示第二页面中的背景处理层。

B9.一种电子设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；

所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行以下操作：

基于由第一页面向第二页面的跳转请求，检测第二页面与第一页面是否存在至少一个显示元素相同的共享显示元素；

若是，根据至少一个共享显示元素在所述第一页面的第一位置和在所述第二页面的第二位置，确定所述至少一个共享显示元素的运动轨迹数据；

根据所述至少一个共享显示元素在所述第一页面的第一尺寸和在所述第二页面的第二尺寸，确定所述至少一个共享显示元素的缩放尺寸数据；

根据所述至少一个共享显示元素的运动轨迹数据和缩放尺寸数据渲染展示所述至少一个共享显示元素，并根据服务器所返回的所述第二页面的页面数据对所述第二页面中除所述至少一个共享显示元素之外的其他页面元素进行渲染展示。

B10.根据B9所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：

根据所述至少一个共享显示元素在所述第一页面的第一位置和在所述第二页面的第二位置，确定所述至少一个共享显示元素的运动距离数据；

根据所述至少一个共享显示元素的运动距离数据以及预设运动时长数据，计算所述至少一个共享显示元素的运动速度数据；

依据运动速度数据，渲染展示所述至少一个共享显示元素。

B11.根据B9或B10所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：

从本地缓存读取并渲染展示所述至少一个共享显示元素。

B12.根据B11所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：

若检测出第二页面包含所述至少一个共享显示元素的相关基础信息，从本地缓存读取并渲染展示所述至少一个共享显示元素及其相关基础信息。

B13.根据B9-B12中任一项所述的电子设备，其中，所述由第一页面向第二页面的跳转请求是根据用户对所述第一页面中用于跳转至所述第二页面的入口的操作而触发，或者，根据应用自动跳转需求而触发。

B14.根据B9-B13中任一项所述的电子设备，其中，所述方法应用于电子书应用，所述共享显示元素包括：广告素材元素和/或电子书封面元素。

B15.根据B14所述的电子设备，其中，当所述共享显示元素为电子书封面元素时，所述共享显示元素的相关基础信息包括以下中的一种或多种：书籍名称、书籍作者、书籍内容简介、书籍目录。

B16.根据B9-B14中任一项所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：

在所述渲染展示所述至少一个共享显示元素之后，根据所渲染展示的所述至少一个共享显示元素，计算所述第二页面中待展示的背景处理层数据；

根据所述背景处理层数据渲染展示第二页面中的背景处理层。

C17.一种计算机存储介质，所述存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行如以下操作：

基于由第一页面向第二页面的跳转请求，检测第二页面与第一页面是否存在至少一个显示元素相同的共享显示元素；

若是，根据至少一个共享显示元素在所述第一页面的第一位置和在所述第二页面的第二位置，确定所述至少一个共享显示元素的运动轨迹数据；

根据所述至少一个共享显示元素在所述第一页面的第一尺寸和在所述第二页面的第二尺寸，确定所述至少一个共享显示元素的缩放尺寸数据；

根据所述至少一个共享显示元素的运动轨迹数据和缩放尺寸数据渲染展示所述至少一个共享显示元素，并根据服务器所返回的所述第二页面的页面数据对所述第二页面中除所述至少一个共享显示元素之外的其他页面元素进行渲染展示。

C18.根据C17所述的计算机存储介质，所述可执行指令进一步使所述处理器执行以下操作：

根据所述至少一个共享显示元素在所述第一页面的第一位置和在所述第二页面的第二位置，确定所述至少一个共享显示元素的运动距离数据；

根据所述至少一个共享显示元素的运动距离数据以及预设运动时长数据，计算所述至少一个共享显示元素的运动速度数据；

依据运动速度数据，渲染展示所述至少一个共享显示元素。

C19.根据C17或C18所述的计算机存储介质，所述可执行指令进一步使所述处理器执行以下操作：

从本地缓存读取并渲染展示所述至少一个共享显示元素。

C20.根据C19所述的计算机存储介质，所述可执行指令进一步使所述处理器执行以下操作：

若检测出第二页面包含所述至少一个共享显示元素的相关基础信息，从本地缓存读取并渲染展示所述至少一个共享显示元素及其相关基础信息。

C21.根据C17-C20中任一项所述的计算机存储介质，其中，所述由第一页面向第二页面的跳转请求是根据用户对所述第一页面中用于跳转至所述第二页面的入口的操作而触发，或者，根据应用自动跳转需求而触发。

C22.根据C17-C21中任一项所述的计算机存储介质，其中，所述方法应用于电子书应用，所述共享显示元素包括：广告素材元素和/或电子书封面元素。

C23.根据C22所述的计算机存储介质，其中，当所述共享显示元素为电子书封面元素时，所述共享显示元素的相关基础信息包括以下中的一种或多种：书籍名称、书籍作者、书籍内容简介、书籍目录。

C24.根据C17-C22中任一项所述的计算机存储介质，所述可执行指令进一步使所述处理器执行以下操作：

在所述渲染展示所述至少一个共享显示元素之后，根据所渲染展示的所述至少一个共享显示元素，计算所述第二页面中待展示的背景处理层数据；

根据所述背景处理层数据渲染展示第二页面中的背景处理层。

Claims (10)

1.一种页面中共享显示元素的展示方法，包括：

基于由第一页面向第二页面的跳转请求，检测第二页面与第一页面是否存在至少一个显示元素相同的共享显示元素；

若是，根据至少一个共享显示元素在所述第一页面的第一位置和在所述第二页面的第二位置，确定所述至少一个共享显示元素的运动轨迹数据；

根据所述至少一个共享显示元素在所述第一页面的第一尺寸和在所述第二页面的第二尺寸，确定所述至少一个共享显示元素的缩放尺寸数据；

根据所述至少一个共享显示元素的运动轨迹数据和缩放尺寸数据渲染展示所述至少一个共享显示元素，并根据服务器所返回的所述第二页面的页面数据对所述第二页面中除所述至少一个共享显示元素之外的其他页面元素进行渲染展示。

2.根据权利要求1所述的方法，其中，所述方法还包括：

根据所述至少一个共享显示元素在所述第一页面的第一位置和在所述第二页面的第二位置，确定所述至少一个共享显示元素的运动距离数据；

根据所述至少一个共享显示元素的运动距离数据以及预设运动时长数据，计算所述至少一个共享显示元素的运动速度数据；

所述渲染展示所述至少一个共享显示元素具体为：依据运动速度数据，渲染展示所述至少一个共享显示元素。

3.根据权利要求1或2所述的方法，其中，在本地缓存有所述至少一个共享显示元素；

所述渲染展示所述至少一个共享显示元素具体为：从本地缓存读取并渲染展示所述至少一个共享显示元素。

4.根据权利要求3所述的方法，其中，在本地还缓存有所述至少一个共享显示元素的相关基础信息；

所述渲染展示所述至少一个共享显示元素进一步包括：若检测出第二页面包含所述至少一个共享显示元素的相关基础信息，从本地缓存读取并渲染展示所述至少一个共享显示元素及其相关基础信息。

5.根据权利要求1-4中任一项所述的方法，其中，所述由第一页面向第二页面的跳转请求是根据用户对所述第一页面中用于跳转至所述第二页面的入口的操作而触发，或者，根据应用自动跳转需求而触发。

6.根据权利要求1-5中任一项所述的方法，其中，所述方法应用于电子书应用，所述共享显示元素包括：广告素材元素和/或电子书封面元素。

7.根据权利要求6所述的方法，其中，当所述共享显示元素为电子书封面元素时，所述共享显示元素的相关基础信息包括以下中的一种或多种：

书籍名称、书籍作者、书籍内容简介、书籍目录。

8.根据权利要求1-6中任一项所述的方法，其中，在所述渲染展示所述至少一个共享显示元素之后，所述方法进一步包括：

根据所渲染展示的所述至少一个共享显示元素，计算所述第二页面中待展示的背景处理层数据；

根据所述背景处理层数据渲染展示第二页面中的背景处理层。

9.一种电子设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；

所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行以下操作：

基于由第一页面向第二页面的跳转请求，检测第二页面与第一页面是否存在至少一个显示元素相同的共享显示元素；

若是，根据至少一个共享显示元素在所述第一页面的第一位置和在所述第二页面的第二位置，确定所述至少一个共享显示元素的运动轨迹数据；

根据所述至少一个共享显示元素在所述第一页面的第一尺寸和在所述第二页面的第二尺寸，确定所述至少一个共享显示元素的缩放尺寸数据；

根据所述至少一个共享显示元素的运动轨迹数据和缩放尺寸数据渲染展示所述至少一个共享显示元素，并根据服务器所返回的所述第二页面的页面数据对所述第二页面中除所述至少一个共享显示元素之外的其他页面元素进行渲染展示。

10.一种计算机存储介质，所述存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行如以下操作：

基于由第一页面向第二页面的跳转请求，检测第二页面与第一页面是否存在至少一个显示元素相同的共享显示元素；

若是，根据至少一个共享显示元素在所述第一页面的第一位置和在所述第二页面的第二位置，确定所述至少一个共享显示元素的运动轨迹数据；

根据所述至少一个共享显示元素在所述第一页面的第一尺寸和在所述第二页面的第二尺寸，确定所述至少一个共享显示元素的缩放尺寸数据；

根据所述至少一个共享显示元素的运动轨迹数据和缩放尺寸数据渲染展示所述至少一个共享显示元素，并根据服务器所返回的所述第二页面的页面数据对所述第二页面中除所述至少一个共享显示元素之外的其他页面元素进行渲染展示。

Images