视图错层显示方法、电子设备及存储介质技术

本发明专利技术公开了一种视图错层显示方法、电子设备及存储介质，其中，视图错层显示方法包括：接收被触发的针对视图的移动事件；根据移动事件，确定移动距离因数；根据移动距离因数，计算各个视图层待显示的图片元素的显示位置信息；响应于移动事件，根据各个视图层待显示的图片元素的显示位置信息，分别在各个视图层绘制相应的图片元素。根据本发明专利技术提供的技术方案，不仅方便地实现了视图的错层显示，极大地丰富了视图移动效果，有助于吸引用户注意力，有效地提升了内容推广的效果，而且还有效地减少了视图对外部环境的依赖，缩短了视图处理耗时，提高了视图处理效率。

【技术实现步骤摘要】
视图错层显示方法、电子设备及存储介质
本专利技术涉及视图处理
，具体涉及一种视图错层显示方法、电子设备及存储介质。
技术介绍
电子书具有携带方便、获取方便等优势，越来越多的用户喜欢阅读电子书。用户大多是利用安装在终端设备中的电子书客户端进行电子书下载和阅读。为了便于用户了解电子书客户端中的电子书、阅读活动或会员充值活动等内容，一般会在首页或某些主页面的上方等位置设置推广位，通过该推广位向用户循环展示用于推广各种内容或活动的视图，希望用户能够优先看到上述内容。现有技术中，用于在推广位展示的视图通常有多个。用户可通过滑动操作将展示的当前视图切换为下一个视图。如果用户没有手势操作，推广位会采取轮播的方式切换展示视图。然而现有技术中推广位展示的视图都是一张张静态图片，在进行切换时，在视觉效果上仅是简单地将一张图片切换为另一张图片，视图的展示效果单一，内容推广的效果较差。另外，现有技术中一般是利用视图控件ViewPager来实现多个视图的切换，而对视图的创建以及尺寸测量等依赖于许多外部环境，需要耗费较长时间，因此还存在着视图处理耗时较长、处理效率较低的问题。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的视图错层显示方法、电子设备及存储介质。根据本专利技术的一个方面，提供了一种视图错层显示方法，视图包含分别在多个视图层显示的图片元素，该方法包括：接收被触发的针对视图的移动事件；根据移动事件，确定移动距离因数；根据移动距离因数，计算各个视图层待显示的图片元素的显示位置信息；响应于移动事件，根据各个视图层待显示的图片元素的显示位置信息，分别在各个视图层绘制相应的图片元素。根据本专利技术的另一方面，提供了一种电子设备，包括：处理器、存储器、通信接口和通信总线，处理器、存储器和通信接口通过通信总线完成相互间的通信；存储器用于存放至少一可执行指令，可执行指令使处理器执行以下操作：接收被触发的针对视图的移动事件；视图包含分别在多个视图层显示的图片元素；根据移动事件，确定移动距离因数；根据移动距离因数，计算各个视图层待显示的图片元素的显示位置信息；响应于移动事件，根据各个视图层待显示的图片元素的显示位置信息，分别在各个视图层绘制相应的图片元素。根据本专利技术的又一方面，提供了一种存储介质，存储介质中存储有至少一可执行指令，可执行指令使处理器执行以下操作：接收被触发的针对视图的移动事件；视图包含分别在多个视图层显示的图片元素；根据移动事件，确定移动距离因数；根据移动距离因数，计算各个视图层待显示的图片元素的显示位置信息；响应于移动事件，根据各个视图层待显示的图片元素的显示位置信息，分别在各个视图层绘制相应的图片元素。根据本专利技术提供的技术方案，将视图的图片元素分别在多个视图层中进行显示，并且能够根据针对视图的移动事件的移动距离因数，计算各个视图层待显示的图片元素的显示位置信息，并根据显示位置信息分别在各个视图层绘制相应的图片元素，从而不仅方便地实现了视图的错层显示，极大地丰富了视图移动效果，有助于吸引用户注意力，有效地提升了内容推广的效果，而且还有效地减少了视图对外部环境的依赖，缩短了视图处理耗时，提高了视图处理效率。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1示出了根据本专利技术实施例一的一种视图错层显示方法的流程示意图；图2a示出了根据本专利技术实施例二的一种视图错层显示方法的流程示意图；图2b示出了视图1在电子书客户端中的初始显示示意图；图2c示出了视图1在电子书客户端中的一个错层显示示意图；图3示出了根据本专利技术实施例三的一种视图错层显示方法的流程示意图；图4示出了根据本专利技术实施例五的一种电子设备的结构示意图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。实施例一图1示出了根据本专利技术实施例一的一种视图错层显示方法的流程示意图，如图1所示，该方法包括如下步骤：步骤S101，接收被触发的针对视图的移动事件。其中，电子书客户端安装在终端设备中，终端设备可为手机、PAD、电子书阅读器等设备。用户可利用电子书客户端进行电子书下载和电子书阅读等操作。为了便于用户了解电子书客户端中的电子书、阅读活动或会员充值活动等内容，在电子书客户端的主页面的上方、中间等位置循环展示推广视图(banner视图)，在本专利技术中，banner视图包含分别在多个视图层显示的图片元素。视图能够通过用户滑动手势或轮播来进行移动。在步骤S101中，接收被触发的针对视图的移动事件。具体地，视图可包含图片背景元素、图片主体场景元素和图片文本元素等图片元素，多个图片元素分别显示在多个视图层中。本领域技术人员可根据实际需要对多个视图层的数量、多个图片元素的具体内容和初始显示位置信息进行设置，此处不做限定。根据本专利技术提供的技术方案，能够方便地完成对各个视图层的设置，有效地减少了视图对外部环境的依赖，缩短了视图处理耗时。步骤S102，根据移动事件，确定移动距离因数。在接收到移动事件之后，可根据移动事件对应的移动位置等信息，确定移动距离因数。其中，移动距离因数是用于反映移动事件对应的移动距离的信息，具体地，可根据移动事件对应的实时的移动距离来确定移动距离因数。步骤S103，根据移动距离因数，计算各个视图层待显示的图片元素的显示位置信息。具体地，可根据移动距离因数以及各个视图层对应的移动算法等，对各个视图层待显示的图片元素的显示位置信息进行计算。本领域技术人员可根据实际需要对各个视图层对应的移动算法进行设置，此处不做限定。步骤S104，响应于移动事件，根据各个视图层待显示的图片元素的显示位置信息，分别在各个视图层绘制相应的图片元素。在计算得到各个视图层待显示的图片元素的显示位置信息之后，响应于移动事件，根据各个视图层待显示的图片元素的显示位置信息，分别在各个视图层中对相应的图片元素进行绘制。各个视图层待显示的图片元素的显示位置信息是根据移动事件的移动距离因数分别计算得到的，使得在各个视图层绘制相应的图片元素后，多个图片元素能够具有不同的移动效果，从而获得视图错层显示效果，有助于吸引用户注意力。利用本实施例提供的视图错层显示方法，将视图的图片元素分别在多个视图层中进行显示，并且能够根据针对视图的移动事件的移动距离因数，计算各个视图层待显示的图片元素的显示位置信息，并根据显示位置信息分别在各个视图层绘制相应的图片元素，从而不仅方便地实现了视图的错层显示，极大地丰富了视图移动效果，有助于吸引用户注意力，有效地提升了内容推广的效果，而且还有效地减少了视图对外部环境的本文档来自技高网...

【技术保护点】
1.一种视图错层显示方法，所述视图包含分别在多个视图层显示的图片元素，所述方法包括：接收被触发的针对所述视图的移动事件；根据所述移动事件，确定移动距离因数；根据所述移动距离因数，计算各个视图层待显示的图片元素的显示位置信息；响应于所述移动事件，根据各个视图层待显示的图片元素的显示位置信息，分别在各个视图层绘制相应的图片元素。

【技术特征摘要】
1.一种视图错层显示方法，所述视图包含分别在多个视图层显示的图片元素，所述方法包括：接收被触发的针对所述视图的移动事件；根据所述移动事件，确定移动距离因数；根据所述移动距离因数，计算各个视图层待显示的图片元素的显示位置信息；响应于所述移动事件，根据各个视图层待显示的图片元素的显示位置信息，分别在各个视图层绘制相应的图片元素。2.根据权利要求1所述的方法，所述接收被触发的针对所述视图的移动事件进一步包括：接收用户滑动手势所触发的针对所述视图的移动事件；或者，接收轮播定时到达所触发的针对所述视图的移动事件。3.根据权利要求1或2所述的方法，所述根据所述移动事件，确定移动距离因数进一步包括：根据所述移动事件对应的起始移动位置和当前移动位置，确定移动距离因数。4.根据权利要求1-3任一项所述的方法，所述根据所述移动距离因数，计算各个视图层待显示的图片元素的显示位置信息进一步包括：从视图层配置信息中获取各个视图层对应的移动算法；根据所述移动距离因数和各个视图层对应的移动算法中的移动偏移参数，计算各个视图层待显示的图片元素的显示位置信息。5.根据权利要求1-3任一项所述的方法，所述根据所述移动距离因数，计算各个视图层待显示的图片元素的显示位置信息进一步包括：判断所述移动距离因数是否符合预设因数范围；若是，则根据所述移动距离因数和预设阻尼算法，计算各个视图层待显示的图片元素的显示位置信息；若否，则从视图层配置信息中获取各个视图层对应的移动算法，并根据所述移动距离因数和各个视图层对应的移动算法中的移动偏移参数，计算各个视图层待显示的图片元素的显示位置信息。6.根据权利要求1-5任一项所述的方法，所述响应于所述移动事件，根据各个视图层待显示的图片元素的...

【专利技术属性】
技术研发人员：祁旺明，杨树彬，
申请(专利权)人：掌阅科技股份有限公司，
类型：发明
国别省市：北京,11