透明度的调节方法和装置、存储介质、电子装置与流程

1.本发明涉及通信领域，具体而言，涉及一种透明度的调节方法和装置、存储介质、电子装置。


背景技术：

2.目前，在前端框架中，轮播图是前端最基本也最常见的功能，不论是web端还是移动端，还是网站平台，都会在首页设置轮播图的放映效果。在轮播图的放映过程中，如果在前端页面具有多张背景图，通常是通过使用定时器对页面上的多张背景图进行定时显示的方法来实现多张背景图的更换，这种切换背景图的方法过于生硬，切换效果不够流畅，容易发生页面闪烁，给用户带去不好的用户体验。
3.针对相关技术中，现有技术中的背景图切换方法切换过程比较生硬，容易出现页面闪烁等问题，尚未提出有效的解决方案。


技术实现要素：

4.本发明实施例提供了一种透明度的调节方法和装置、存储介质、电子装置，以至少解决相关技术中，现有技术中的背景图切换方法切换过程比较生硬，容易出现页面闪烁等问题。
5.根据本发明实施例的一个实施例，提供了一种透明度的调节方法，包括：监测目标页面上轮播图的滑动距离；在上述滑动距离大于预设阈值的情况下，按照第一预设间隔增加第一背景图片的透明度，以及按照第二预设间隔降低第二背景图片的透明度，以使上述第一背景图片的透明度达到透明度最大值，以及上述第二背景图片的透明度达到透明度最小值，其中，上述第一背景图片为待从上述目标页面上消失的背景图片，上述第二背景图片为待显示在上述目标页面上的背景图片，上述第一背景图片和上述第二背景图片层叠设置。
6.在一个示例性实施例中，按照第一预设间隔增加第一背景图片的透明度，以及按照第二预设间隔降低第二背景图片的透明度，以使上述第一背景图片的透明度达到透明度最大值，以及上述第二背景图片的透明度达到透明度最小值之前，上述方法还包括：接收目标对象的设置操作；响应上述设置操作，为上述第一背景图片设置第一预设间隔，以及为上述第二背景图片设置第二预设间隔。
7.在一个示例性实施例中，按照第一预设间隔增加第一背景图片的透明度，以及按照第二预设间隔降低第二背景图片的透明度，包括：获取轮播图的滑动距离与第一背景图片的透明度的第一比例关系，以及轮播图的滑动距离与第二背景图片的透明度的第二比例关系；在已获取到当前轮播图的滑动距离的情况下，根据上述第一比例关系确定上述第一背景图片的，且为上述滑动距离对应的第一初始透明度，以及根据上述第二比例关系确定上述第二背景图片的，且为上述滑动距离对应的第二初始透明度；基于上述第一初始透明度，按照第一预设间隔增加第一背景图片的透明度，以及基于上述第二初始透明度，按照第
二预设间隔降低第二背景图片的透明度。
8.在一个示例性实施例中，监测目标页面上轮播图的滑动距离包括：确定上述第二背景图片的中心轴；在确定对位于预设滑动区域的上述轮播图进行滑动操作的情况下，根据上述第二背景图片的上述中心轴与上述预设滑动区域的边界线确定上述滑动距离。
9.在一个示例性实施例中，根据上述第二背景图片的上述中心轴与上述预设滑动区域的边界线确定上述滑动距离，包括：在上述第二背景图片的中心轴与上述预设滑动区域的中心轴未重合的情况下，将上述第二背景图片的中心轴和上述预设滑动区域的中心轴的距离作为第一误差值；根据上述第二背景图片的上述中心轴，上述第一误差值和上述预设滑动区域的边界线确定上述滑动距离预设滑动区域的边界线确定上述滑动距离。
10.在一个示例性实施例中，在确定上述第二背景图片为缩放状态的情况下，确定上述第一图片的边界线与上述轮播图所在的预设滑动区域的边界线之间的距离为第二误差值；根据上述第一图片的中心轴，上述第二误差值与上述预设滑动区域的边界线确定上述滑动距离。
11.在一个示例性实施例中，按照第一预设间隔增加第一背景图片的透明度，以及按照第二预设间隔降低第二背景图片的透明度，以使上述第一背景图片的透明度达到透明度最大值，以及上述第二背景图片的透明度达到透明度最小值之后，上述方法还包括：接收上述目标对象的修改操作；响应上述修改操作，将上述第一预设间隔修改为第三预设间隔，和/或将上述第二预设间隔修改为第四预设间隔。
12.根据本发明实施例的另一个实施例，还提供了一种透明度的调节装置，包括：监测模块，用于监测目标页面上轮播图的滑动距离；透明度调节模块，用于在上述滑动距离大于预设阈值的情况下，按照第一预设间隔增加第一背景图片的透明度，以及按照第二预设间隔降低第二背景图片的透明度，以使上述第一背景图片的透明度达到透明度最大值，以及上述第二背景图片的透明度达到透明度最小值，其中，上述第一背景图片为待从上述目标页面上消失的背景图片，上述第二背景图片为待显示在上述目标页面上的背景图片，上述第一背景图片和上述第二背景图片层叠设置。
13.根据本发明实施例的又一方面，还提供了一种计算机可读的存储介质，该计算机可读的存储介质中存储有计算机程序，其中，该计算机程序被设置为运行时执行上述透明度的调节方法。
14.根据本发明实施例的又一方面，还提供了一种电子装置，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其中，上述处理器通过计算机程序执行上述的透明度的调节方法。
15.在本发明实施例中，通过监测轮播图的滑动距离，在上述滑动距离大于预设阈值的情况下，按照第一预设间隔增加第一背景图片的透明度，以及按照第二预设间隔降低第二背景图片的透明度，以使上述第一背景图片的透明度达到透明度最大值，以及上述第二背景图片的透明度达到透明度最小值，采用上述技术方案，解决了现有技术中的背景图切换方法切换过程比较生硬，容易出现页面闪烁等问题，进而提高了背景图切换的平滑度，降低了页面闪烁的概率。
附图说明
16.此处所说明的附图用来提供对本发明的进一步理解，构成本技术的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：
17.图1是本发明实施例的一种透明度的调节方法的计算机终端的硬件结构框图；
18.图2是根据本发明实施例的透明度的调节方法的流程图(一)；
19.图3是根据本发明实施例的透明度的调节方法的示意图；
20.图4是根据本发明实施例的透明度的调节方法的流程图(二)；
21.图5是根据本发明实施例的透明度的变化过程的示意图；
22.图6是根据本发明实施例的一种透明度的调节装置的结构框图。
具体实施方式
23.为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。
24.需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
25.本技术实施例所提供的方法实施例可以在计算机终端或者类似的运算装置中执行。以运行在计算机终端上为例，图1是本发明实施例的一种透明度的调节方法的计算机终端的硬件结构框图。如图1所示，计算机终端可以包括一个或多个(图1中仅示出一个)处理器102(处理器102可以包括但不限于微处理器mcu或可编程逻辑器件fpga等的处理装置)和用于存储数据的存储器104，在一个示例性实施例中，上述计算机终端还可以包括用于通信功能的传输设备106以及输入输出设备108。本领域普通技术人员可以理解，图1所示的结构仅为示意，其并不对上述计算机终端的结构造成限定。例如，计算机终端还可包括比图1中所示更多或者更少的组件，或者具有与图1所示等同功能或比图1所示功能更多的不同的配置。
26.存储器104可用于存储计算机程序，例如，应用软件的软件程序以及模块，如本发明实施例中的透明度的调节方法对应的计算机程序，处理器102通过运行存储在存储器104内的计算机程序，从而执行各种功能应用以及数据处理，即实现上述的方法。存储器104可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器104可进一步包括相对于处理器102远程设置的存储器，这些远程存储器可以通过网络连接至计算机终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
27.传输装置106用于经由一个网络接收或者发送数据。上述的网络具体实例可包括计算机终端的通信供应商提供的无线网络。在一个实例中，传输装置106包括一个网络适配器(network interface control ler，简称为nic)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，传输装置106可以为射频(radio frequency，简称为rf)模块，其用于通过无线方式与互联网进行通讯。
28.在本实施例中提供了一种透明度的调节方法，应用于上述计算机终端，图2是根据本发明实施例的透明度的调节方法的流程图(一)，该流程包括如下步骤：
29.步骤s202，监测目标页面上轮播图的滑动距离；
30.步骤s204，在上述滑动距离大于预设阈值的情况下，按照第一预设间隔增加第一背景图片的透明度，以及按照第二预设间隔降低第二背景图片的透明度，以使上述第一背景图片的透明度达到透明度最大值，以及上述第二背景图片的透明度达到透明度最小值，其中，上述第一背景图片为待从上述目标页面上消失的背景图片，上述第二背景图片为待显示在上述目标页面上的背景图片，上述第一背景图片和上述第二背景图片层叠设置。
31.通过上述步骤，通过监测目标页面上轮播图的滑动距离；在上述滑动距离大于预设阈值的情况下，按照第一预设间隔增加第一背景图片的透明度，以及按照第二预设间隔降低第二背景图片的透明度，以使上述第一背景图片的透明度达到透明度最大值，以及上述第二背景图片的透明度达到透明度最小值，采用上述技术方案，解决了现有技术中的背景图切换方法切换过程比较生硬，容易出现页面闪烁等问题，进而提高了背景图切换的平滑度，降低了页面闪烁的概率。
32.在本发明实施例中，通过监听轮播图的滑动距离，在滑动距离从零到最大的变化过程中，前一张背景图(相当于上述第一背景图片)透明度渐渐变大，同时，当前背景图(相当于上述实施例的第二背景图片,即当前待显示的背景图)的透明度渐渐变小，直至当前背景完全呈现，上一张背景完全消失。
33.需要说明的是，上述目标页面可以理解为需要进行背景图切换的网页页面，可以包括电脑版网页和移动端网页。
34.需要说明的是，上述透明度的取值范围为[0,1]。
[0035]
可选的，上述预设阈值可以理解为上述第一背景图片或第二背景图片的宽度值，例如，可以为20px，30px，50px。
[0036]
可选的，上述第一预设间隔可以为1％，2％，或者5％，例如，在第一预设间隔为1％的情况下，按照1％依次将第一背景图片的透明度增加至100％。
[0037]
其中，上述第二预设间隔与第一预设间隔可以相同，也可以不相同，本发明在此不做赘述。
[0038]
在一个示例性实施例中，如果上述第一背景图片或第二背景图片的宽度值为20px，轮播图的滑动距离为5px，第一预设间隔为1％，第二预设间隔也为1％，则按照1％依次增加第一背景图片的透明度，以及按照1％降低第二背景图片的透明度，以使上述第一背景图片的透明度达到透明度最大值，以及上述第二背景图片的透明度达到透明度最小值。
[0039]
其中，上述透明度最大值可以为1，上述透明度最小值可以为0。
[0040]
可选的，上述第一背景图片和上述第二背景图片层叠设置的顺序可以为上述第一背景图片从叠放设置于上述第二背景图片之下或者上述第一背景图片从叠放设置于上述
第二背景图片之上，本发明对此不做限定。
[0041]
在一个示例性实施例中，在确定上述第一背景图片的第一透明度和上述第二背景图片的第二透明度满足预设条件的情况下，将上述第一背景图片从叠放设置于上述第二背景图片之下更新为叠放设置于上述第二背景图片之上，其中，上述预设条件至少包括以下之一：上述第一背景图片的透明度达到透明度最大值；上述第二背景图片的透明度达到透明度最小值。
[0042]
在一个示例性实施例中，为了更好地理解上述步骤s204如何按照第一预设间隔增加第一背景图片的透明度，以及按照第二预设间隔降低第二背景图片的透明度，以使上述第一背景图片的透明度达到透明度最大值，以及上述第二背景图片的透明度达到透明度最小值，还包括：接收目标对象的设置操作；响应上述设置操作，为上述第一背景图片设置第一预设间隔，以及为上述第二背景图片设置第二预设间隔。
[0043]
需要说明的是，上述目标对象可以为人，也可以为机器人，或者为人为设置的运行程序，本发明对此不做限定。
[0044]
在一个示例性实施例中，为了更好地理解上述步骤s204如何按照第一预设间隔增加第一背景图片的透明度，以及按照第二预设间隔降低第二背景图片的透明度，还提供了一种技术方案，具体步骤包括：获取轮播图的滑动距离与第一背景图片的透明度的第一比例关系，以及轮播图的滑动距离与第二背景图片的透明度的第二比例关系；在已获取到当前轮播图的滑动距离的情况下，根据上述第一比例关系确定上述第一背景图片的，且为上述滑动距离对应的第一初始透明度，以及根据上述第二比例关系确定上述第二背景图片的，且为上述滑动距离对应的第二初始透明度；基于上述第一初始透明度，按照第一预设间隔增加第一背景图片的透明度，以及基于上述第二初始透明度，按照第二预设间隔降低第二背景图片的透明度。
[0045]
需要说明的是，上述第一比例关系可以理解为上述第一背景图片与上述第一滑动距离的线性比例关系，上述第一初始透明度可以为0。
[0046]
需要说明的是，上述第二比例关系可以理解为上述第二背景图片与上述第二滑动距离的线性比例关系，上述第二初始透明度可以为1。
[0047]
在一个示例性实施例中，为了更好的理解上述步骤s202如何监测目标页面上轮播图的滑动距离，提供了一种技术方案，具体步骤包括：确定上述第二背景图片的中心轴；在确定对位于预设滑动区域的上述轮播图进行滑动操作的情况下，根据上述第二背景图片的上述中心轴与上述预设滑动区域的边界线确定上述滑动距离。
[0048]
需要说明的是，上述预设滑动区域可以理解为上述目标页面中的显示区域，其中，上述目标页面可以为用于人机交互的动态显示页面，也可以为用于显示背景图的静态显示页面。
[0049]
需要说明的是，上述第二背景图片的中心轴可以理解位于上述第二背景图片的几何中心的轴线。例如，如果第二背景图片为圆形,则中心轴可以为第二背景图片的其中一条直径。如果第二背景图片为方形,则中心轴可以为第二背景图片的其中一条对称轴。
[0050]
在一个示例性实施例中，提供了一种根据上述第二背景图片的上述中心轴与上述预设滑动区域的边界线确定上述滑动距离的技术方案，具体步骤包括：在上述第二背景图片的中心轴与上述预设滑动区域的中心轴未重合的情况下，将上述第二背景图片的中心轴
和上述预设滑动区域的中心轴的距离作为第一误差值；根据上述第二背景图片的上述中心轴，上述第一误差值和上述预设滑动区域的边界线确定上述滑动距离预设滑动区域的边界线确定上述滑动距离。
[0051]
在一个示例性实施例中，还提供一种技术方案，具体步骤包括：在确定上述第二背景图片为缩放状态的情况下，确定上述第一图片的边界线与上述轮播图所在的预设滑动区域的边界线之间的距离为第二误差值；根据上述第一图片的中心轴，上述第二误差值与上述预设滑动区域的边界线确定上述滑动距离。
[0052]
需要说明的是，上述第一误差值和上述第二误差值的取值范围可以为[0px,1px]。
[0053]
在一个示例性实施例中，提供了一种按照第一预设间隔增加第一背景图片的透明度，以及按照第二预设间隔降低第二背景图片的透明度，以使上述第一背景图片的透明度达到透明度最大值，以及上述第二背景图片的透明度达到透明度最小值之后的技术方案，具体步骤包括：接收上述目标对象的修改操作；响应上述修改操作，将上述第一预设间隔修改为第三预设间隔，和/或将上述第二预设间隔修改为第四预设间隔。
[0054]
需要说明的是，上述第一预设间隔、第二预设间隔、第三预设间隔与第四预设间隔的取值范围可以为[0px，20px]。
[0055]
为了更好的理解上述透明度的调节方法的过程，以下再结合可选实施例对上述透明度的调节的实现方法流程进行说明，但不用于限定本发明实施例的技术方案。
[0056]
在本实施例中提供了一种透明度的调节方法，图3是根据本发明实施例的透明度的调节方法的示意图，如图3所示，具体如下：
[0057]
在flutter页面(相当于上述目标页面)中，通过监听轮播图的滑动距离，并在滑动距离不断增大时，控制当前背景图(相当于第一背景图片)的透明度变大，并控制前一张背景图(相当于第二背景图片)的透明度变小。
[0058]
需要说明的是，flutter是指一种跨平台(android平台和ios平台)的移动开发框架，使用flutter创建的用户界面为上述flutter页面。其中，上述flutter页面可以为可定制的用户界面，以更好的满足用户的需求，为用户提供更好的使用体验。
[0059]
图4是根据本发明实施例的透明度的调节方法的流程图(二)，接下来结合图4对本发明实施例的透明度的调节方法进行说明。
[0060]
步骤1：获取轮播图的滑动操作；
[0061]
步骤2：注册用于监听轮播图的滑动距离的账号；
[0062]
步骤3：监听轮播图的滑动距离；
[0063]
步骤4：为前一张背景图设置第一预设间隔。
[0064]
可选的，上述第一预设间隔可以为1％，2％，或者5％，例如，在第一预设间隔为1％的情况下，按照1％依次将前一张背景图的透明度增加至100％。
[0065]
在一个示例性实施例中，在轮播图开始滑动的情况下，可以同时为当前要显示的背景图设置第二预设间隔。
[0066]
步骤5：在轮播图的滑动距离开始增加的情况下，将前一张背景图的透明度变大，同时将当前要显示的背景图的透明度变小；
[0067]
步骤6：在轮播图结束滑动的情况下，要显示的背景图完全在flutter页面上显示，且，前一张背景图完全在flutter页面上消失。
[0068]
在一个示例性实施例中，在满足以下条件的情况下，确定背景图片切换完成。以下条件包括：
[0069]
1)轮播图滑完对应的滑动距离；
[0070]
2)要显示的背景图完全在flutter页面上显示；
[0071]
3)前一张背景图完全在flutter页面上消失；
[0072]
需要说明的是，步骤6中的条件是基于上述第一比例关系和上述第二比例关系确定的。
[0073]
需要说明的是，上述第一比例关系可以理解为上述第一背景图片与上述第一滑动距离的线性比例关系，上述第二比例关系可以理解为上述第二背景图片与上述第二滑动距离的线性比例关系。
[0074]
图5是根据本发明实施例的透明度的变化过程的示意图。图5提供了一种轮播图向右滑动时的透明度的变化过程的示意图，如图5所示，在轮播图向右滑动的情况下，第一背景图片的透明度逐渐变大，同时第二背景图片的透明度逐渐变小，达到透明度最小值，在第一背景图片的透明度达到透明度最大值的情况下，第一背景图片完全透明，在第二背景图片的透明度达到透明度最小值的情况下，第二背景图片完全展现。
[0075]
需要说明的是，第一背景图片和第二背景图片为层叠设置，如图5所示，例如，第一背景图片和第二背景图片可以为错位层叠设置，或者，第一背景图片和第二背景图片也可以为上下重合的层叠设置，其中，上下重合是指第一背景图片和第二背景图片可以互相重合，本发明对此不做限定。
[0076]
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如rom/ram、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例的方法。
[0077]
图6是根据本发明实施例的一种透明度的调节装置的结构框图；如图6所示，包括：
[0078]
监测模块62，用于监测目标页面上轮播图的滑动距离；
[0079]
透明度调节模块64，用于在上述滑动距离大于预设阈值的情况下，按照第一预设间隔增加第一背景图片的透明度，以及按照第二预设间隔降低第二背景图片的透明度，以使上述第一背景图片的透明度达到透明度最大值，以及上述第二背景图片的透明度达到透明度最小值，其中，上述第一背景图片为待从上述目标页面上消失的背景图片，上述第二背景图片为待显示在上述目标页面上的背景图片，上述第一背景图片和上述第二背景图片层叠设置。
[0080]
通过上述装置，监测目标页面上轮播图的滑动距离；在上述滑动距离大于预设阈值的情况下，按照第一预设间隔增加第一背景图片的透明度，以及按照第二预设间隔降低第二背景图片的透明度，以使上述第一背景图片的透明度达到透明度最大值，以及上述第二背景图片的透明度达到透明度最小值，其中，上述第一背景图片为待从上述目标页面上消失的背景图片，上述第二背景图片为待显示在上述目标页面上的背景图片，上述第一背景图片和上述第二背景图片层叠设置，解决了相关技术中，现有技术中的背景图切换方法
切换过程比较生硬，容易出现页面闪烁等问题，进而提高了背景图切换的平滑度，降低了页面闪烁的概率。
[0081]
在本发明实施例中，通过监听轮播图的滑动距离，在滑动距离从零到最大的变化过程中，前一张背景图(相当于上述第一背景图片)透明度渐渐变大，同时，当前背景图(相当于上述实施例的第二背景图片,即当前待显示的背景图)的透明度渐渐变小，直至当前背景完全呈现，上一张背景完全消失。
[0082]
需要说明的是，上述目标页面可以理解为需要进行背景图切换的网页页面，可以包括电脑版网页和移动端网页。
[0083]
需要说明的是，上述透明度的取值范围为[0,1]。
[0084]
可选的，上述预设阈值可以理解为上述第一背景图片或第二背景图片的宽度值，例如，可以为20px，30px，50px。
[0085]
可选的，上述第一预设间隔可以为1％，2％，或者5％，例如，在第一预设间隔为1％的情况下，按照1％依次将第一背景图片的透明度增加至100％。
[0086]
其中，上述第二预设间隔与第一预设间隔可以相同，也可以不相同，本发明在此不做赘述。
[0087]
在一个示例性实施例中，如果上述第一背景图片或第二背景图片的宽度值为20px，轮播图的滑动距离为5px，第一预设间隔为1％，第二预设间隔也为1％，则按照1％依次增加第一背景图片的透明度，以及按照1％降低第二背景图片的透明度，以使上述第一背景图片的透明度达到透明度最大值，以及上述第二背景图片的透明度达到透明度最小值。
[0088]
其中，上述透明度最大值可以为1，上述透明度最小值可以为0。
[0089]
可选的，上述第一背景图片和上述第二背景图片层叠设置的顺序可以为上述第一背景图片从叠放设置于上述第二背景图片之下或者上述第一背景图片从叠放设置于上述第二背景图片之上，本发明对此不做限定。
[0090]
在一个示例性实施例中，在确定上述第一背景图片的第一透明度和上述第二背景图片的第二透明度满足预设条件的情况下，将上述第一背景图片从叠放设置于上述第二背景图片之下更新为叠放设置于上述第二背景图片之上，其中，上述预设条件至少包括以下之一：上述第一背景图片的透明度达到透明度最大值；上述第二背景图片的透明度达到透明度最小值。
[0091]
在一个示例性实施例中，按照第一预设间隔增加第一背景图片的透明度，以及按照第二预设间隔降低第二背景图片的透明度，以使上述第一背景图片的透明度达到透明度最大值，以及上述第二背景图片的透明度达到透明度最小值之前，上述装置还包括：接收模块，用于接收目标对象的设置操作；以及，设置模块，用于响应上述设置操作，为上述第一背景图片设置第一预设间隔，以及为上述第二背景图片设置第二预设间隔。
[0092]
需要说明的是，上述目标对象可以为人，也可以为机器人，或者为人为设置的运行程序，本发明对此不做限定。
[0093]
在一个示例性实施例中，透明度调节模块64，还用于获取轮播图的滑动距离与第一背景图片的透明度的第一比例关系，以及轮播图的滑动距离与第二背景图片的透明度的第二比例关系；在已获取到当前轮播图的滑动距离的情况下，根据上述第一比例关系确定上述第一背景图片的，且为上述滑动距离对应的第一初始透明度，以及根据上述第二比例
关系确定上述第二背景图片的，且为上述滑动距离对应的第二初始透明度；基于上述第一初始透明度，按照第一预设间隔增加第一背景图片的透明度，以及基于上述第二初始透明度，按照第二预设间隔降低第二背景图片的透明度。
[0094]
需要说明的是，上述第一比例关系可以理解为上述第一背景图片与上述第一滑动距离的线性比例关系，上述第一初始透明度可以为0。
[0095]
需要说明的是，上述第二比例关系可以理解为上述第二背景图片与上述第二滑动距离的线性比例关系，上述第二初始透明度可以为1。
[0096]
在一个示例性实施例中，监测模块62，还用于确定上述第二背景图片的中心轴；在确定对位于预设滑动区域的上述轮播图进行滑动操作的情况下，根据上述第二背景图片的上述中心轴与上述预设滑动区域的边界线确定上述滑动距离。
[0097]
需要说明的是，上述预设滑动区域可以理解为上述目标页面中的显示区域，其中，上述目标页面可以为用于人机交互的动态显示页面，也可以为用于显示背景图的静态显示页面。
[0098]
需要说明的是，上述第二背景图片的中心轴可以理解位于上述第二背景图片的几何中心的轴线。例如，如果第二背景图片为圆形,则中心轴可以为第二背景图片的其中一条直径。如果第二背景图片为方形,则中心轴可以为第二背景图片的其中一条对称轴。
[0099]
在一个示例性实施例中，监测模块62，还用于在上述第二背景图片的中心轴与上述预设滑动区域的中心轴未重合的情况下，将上述第二背景图片的中心轴和上述预设滑动区域的中心轴的距离作为第一误差值；根据上述第二背景图片的上述中心轴，上述第一误差值和上述预设滑动区域的边界线确定上述滑动距离预设滑动区域的边界线确定上述滑动距离。
[0100]
在一个示例性实施例中，上述装置还包括：滑动距离确定模块，用于在确定上述第二背景图片为缩放状态的情况下，确定上述第一图片的边界线与上述轮播图所在的预设滑动区域的边界线之间的距离为第二误差值；根据上述第一图片的中心轴，上述第二误差值与上述预设滑动区域的边界线确定上述滑动距离。
[0101]
需要说明的是，上述第一误差值和上述第二误差值的取值范围可以为[0px,1px]。
[0102]
在一个示例性实施例中，按照第一预设间隔增加第一背景图片的透明度，以及按照第二预设间隔降低第二背景图片的透明度，以使上述第一背景图片的透明度达到透明度最大值，以及上述第二背景图片的透明度达到透明度最小值之后，上述装置还包括：处理模块，还用于接收上述目标对象的修改操作；响应上述修改操作，将上述第一预设间隔修改为第三预设间隔，和/或将上述第二预设间隔修改为第四预设间隔。
[0103]
需要说明的是，上述第一预设间隔、第二预设间隔、第三预设间隔与第四预设间隔的取值范围可以为[0px，20px]。
[0104]
本发明的实施例还提供了一种存储介质，该存储介质包括存储的程序，其中，上述程序运行时执行上述任一项的方法。
[0105]
可选地，在本实施例中，上述存储介质可以被设置为存储用于执行以下步骤的程序代码：
[0106]
s1，监测目标页面上轮播图的滑动距离；
[0107]
s2，在上述滑动距离大于预设阈值的情况下，按照第一预设间隔增加第一背景图
片的透明度，以及按照第二预设间隔降低第二背景图片的透明度，以使上述第一背景图片的透明度达到透明度最大值，以及上述第二背景图片的透明度达到透明度最小值，其中，上述第一背景图片为待从上述目标页面上消失的背景图片，上述第二背景图片为待显示在上述目标页面上的背景图片，上述第一背景图片和上述第二背景图片层叠设置。
[0108]
本发明的实施例还提供了一种电子装置，包括存储器和处理器，该存储器中存储有计算机程序，该处理器被设置为运行计算机程序以执行上述任一项方法实施例中的步骤。
[0109]
可选地，上述电子装置还可以包括传输设备以及输入输出设备，其中，该传输设备和上述处理器连接，该输入输出设备和上述处理器连接。
[0110]
可选地，在本实施例中，上述处理器可以被设置为通过计算机程序执行以下步骤：
[0111]
s1，监测目标页面上轮播图的滑动距离；
[0112]
s2，在上述滑动距离大于预设阈值的情况下，按照第一预设间隔增加第一背景图片的透明度，以及按照第二预设间隔降低第二背景图片的透明度，以使上述第一背景图片的透明度达到透明度最大值，以及上述第二背景图片的透明度达到透明度最小值，其中，上述第一背景图片为待从上述目标页面上消失的背景图片，上述第二背景图片为待显示在上述目标页面上的背景图片，上述第一背景图片和上述第二背景图片层叠设置。
[0113]
可选地，在本实施例中，上述存储介质可以包括但不限于：u盘、只读存储器(read-only memory，简称为rom)、随机存取存储器(random access memory，简称为ram)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
[0114]
可选地，本实施例中的具体示例可以参考上述实施例及可选实施方式中所描述的示例，本实施例在此不再赘述。
[0115]
显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。
[0116]
以上上述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。