展示区域的背景配置方法、装置、设备及可读介质

摘要

本公开实施例公开了一种展示区域的背景配置方法、装置、设备及可读介质。其中，方法包括：获取目标展示区域内的当前预览图片；对所述当前预览图片进行缩小处理，得到缩小图片；对所述缩小图片进行放大处理，得到所述目标展示区域内的第一背景图片；在目标展示区域内、所述当前预览图片所在图层的下面的图层，对所述第一背景图片进行展示。本公开实施例能够使展示区域中突出预览图片、达到醒目的效果，进而提高内容分发效率。

权利要求

1.一种展示区域的背景配置方法，其特征在于，包括：

获取目标展示区域内的当前预览图片；

对所述当前预览图片进行缩小处理，得到缩小图片；

其中，所述缩小处理包括：在所述当前预览图片的行方向上，每间隔N列像素，以及在当前预览图片的列方向上，每间隔M行像素获取至少一个像素点，构成所述缩小图片；其中，M和N是自然数；

对所述缩小图片进行放大处理，得到所述目标展示区域内的第一背景图片；

其中，所述放大处理包括：采用插值算法，在缩小图片的像素点之间插入新的像素点，得到所述目标展示区域内的第一背景图片；

提取所述当前预览图片的主题色；

其中，所述提取当前预览图片的主题色包括：根据分布在当前预览图片上预设位置处的颜色，确定主题色；或者，遍历当前预览图片的各像素点，统计当前预览图片上各像素值的像素点数量，并根据数量满足预设要求的像素点的像素值确定主题色；或者，识别当前预览图片中的前景或者背景，并根据前景或者背景确定主题色；或者，从当前预览图片中提取至少一个色块，根据各色块的像素均值之间的差值和/或色块面积，确定主题色，其中，各颜色块对应不同的像素值范围；

根据所述主题色，生成所述目标展示区域内的第二背景图片；

在所述目标展示区域内，将所述第一背景图片和第二背景图片叠加；

在目标展示区域内、所述当前预览图片所在图层的下面的图层，对叠加的图片进行展示。

2.根据权利要求1所述的方法，其特征在于，所述对所述缩小图片进行放大处理，得到所述目标展示区域内的第一背景图片，包括：获取第一背景图片和缩小图片的尺寸比例；

根据所述尺寸比例，确定缩小图片中各像素点在第一背景图片上对应的图片子区域；

根据缩小图片中各像素点的像素值，确定对应图片子区域中各像素点的像素值。

3.根据权利要求1所述的方法，其特征在于，在所述对所述缩小图片进行放大处理，得到所述目标展示区域内的第一背景图片之后，还包括：对第一背景图片进行模糊处理。

4.根据权利要求1所述的方法，其特征在于，所述获取目标展示区域内的当前预览图片，包括：响应于用户在展示区域内的操作指令，获取与所述操作指令对应的当前预览图片。

5.根据权利要求4所述的方法，其特征在于，所述用户在展示区域内的操作指令包括：用户在显示屏上的滑动操作输入的操作指令，所述用户的滑动操作方向与所述预览图片的排列方向相同。

6.根据权利要求1所述的方法，其特征在于，所述将所述第一背景图片和第二背景图片叠加，包括：将所述第一背景图片所在的图层和第二背景图片所在的图层叠加；或者，对第一背景图片和第二背景图片中的对应像素点的像素值进行平均。

7.一种展示区域的背景配置装置，其特征在于，包括：

获取模块，用于获取目标展示区域内的当前预览图片；

缩小模块，用于对所述当前预览图片进行缩小处理，得到缩小图片；其中，所述缩小模块，具体用于：在所述当前预览图片的行方向上，每间隔N列像素，以及在当前预览图片的列方向上，每间隔M行像素获取至少一个像素点，构成所述缩小图片；其中，M和N是自然数；

放大模块，用于对所述缩小图片进行放大处理，得到所述目标展示区域内的第一背景图片；其中，所述放大模块，具体用于：采用插值算法，在缩小图片的像素点之间插入新的像素点，得到所述目标展示区域内的第一背景图片；

提取模块，用于提取所述当前预览图片的主题色；

其中，所述提取模块，具体用于根据分布在当前预览图片上预设位置处的颜色，确定主题色；或者，遍历当前预览图片的各像素点，统计当前预览图片上各像素值的像素点数量，并根据数量满足预设要求的像素点的像素值确定主题色；或者，识别当前预览图片中的前景或者背景，并根据前景或者背景确定主题色；或者，从当前预览图片中提取至少一个色块，根据各色块的像素均值之间的差值和/或色块面积，确定主题色，其中，各颜色块对应不同的像素值范围；

生成模块，用于根据所述主题色，生成所述目标展示区域内的第二背景图片；

叠加模块，用于在所述目标展示区域内，将所述第一背景图片和第二背景图片叠加；

展示模块，用于在目标展示区域内、所述当前预览图片所在图层的下面的图层，对叠加的图片进行展示。

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

一个或多个处理装置；

存储装置，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理装置执行，使得所述一个或多个处理装置实现如权利要求1-6中任一所述的展示区域的背景配置方法。

9.一种计算机可读介质，其上存储有计算机程序，其特征在于，该程序被处理装置执行时实现如权利要求1-6中任一所述的展示区域的背景配置方法。

说明书

展示区域的背景配置方法、装置、设备及可读介质

技术领域

[0001] 本公开实施例涉及图像处理技术，尤其涉及一种展示区域的背景配置方法、装置、设备及可读介质。

背景技术

[0002] 随着互联网技术发展和终端各种应用程序的涌现，终端上得以展示各种各样的信息，例如音乐、视频、文档等。很多信息配置有预览图片，应用程序将这些预览图片显示在一展示区域中，便于用户浏览并选择需要的信息。

[0003] 大多数预览图片的展示区域中，一般显示空白或者广告弹窗，难以突出预览图片，不能达到醒目的效果，降低内容分发效率。

发明内容

[0004] 本公开实施例提供了一种展示区域的背景配置方法、装置、设备及可读介质，使展示区域中突出预览图片、达到醒目的效果，进而提高内容分发效率。

[0005] 第一方面，本公开实施例提供了一种展示区域的背景配置方法，包括：

[0006] 获取目标展示区域内的当前预览图片；

[0007] 对所述当前预览图片进行缩小处理，得到缩小图片；

[0008] 对所述缩小图片进行放大处理，得到所述目标展示区域内的第一背景图片；

[0009] 在目标展示区域内、所述当前预览图片所在图层的下面的图层，对所述第一背景图片进行展示。

[0010] 第二方面，本公开实施例提供了一种展示区域的背景配置装置，包括：

[0011] 获取模块，用于获取目标展示区域内的当前预览图片；

[0012] 缩小模块，用于对所述当前预览图片进行缩小处理，得到缩小图片；

[0013] 放大模块，用于对所述缩小图片进行放大处理，得到所述目标展示区域内的第一背景图片；

[0014] 展示模块，用于在目标展示区域内、所述当前预览图片所在图层的下面的图层，对所述第一背景图片进行展示。

[0015] 第三方面，本公开实施例提供了一种电子设备，包括：

[0016] 一个或多个处理装置；

[0017] 存储装置，用于存储一个或多个程序；

[0018] 当所述一个或多个程序被所述一个或多个处理装置执行，使得所述一个或多个处理装置实现如本公开任一实施例所述的展示区域的背景配置方法。

[0019] 第四方面，本公开实施例提供了一种计算机可读介质，其上存储有计算机程序，该程序被处理装置执行时实现如本公开任一实施例所述的展示区域的背景配置方法。

[0020] 本公开实施例提供的一种展示区域的背景配置方法、装置、设备及可读介质，通过获取目标展示区域内的当前预览图片；对所述当前预览图片进行缩小处理，得到缩小图片；对所述缩小图片进行放大处理，得到所述目标展示区域内的第一背景图片，即通过对当前预览图片进行缩小再放大，得到与当前预览图片内容近似的大图片；通过在目标展示区域内、所述当前预览图片所在图层的下面的图层，对所述第一背景图片进行展示，使目标展示区域的背景与当前预览图片在视觉上保持一致，色彩更加协调，观看更加舒适；而且能够突出当前预览图片，引导用户执行触发操作，提高内容分发效率。

附图说明

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

[0022] 图1a示出了本公开实施例一提供的一种展示区域的背景配置方法的流程图；

[0023] 图1b示出了本公开实施例一提供的一种目标展示区域的示意图；

[0024] 图1c示出了本公开实施例一提供的另一种目标展示区域的示意图；

[0025] 图1d示出了本公开实施例一提供的又一种目标展示区域的示意图；

[0026] 图2示出了本公开实施例二提供的一种展示区域的背景配置方法的流程图；

[0027] 图3示出了本公开实施例三提供的一种展示区域的背景配置方法的流程图；

[0028] 图4示出了本公开实施例三提供的一种展示区域的背景配置方法的流程图；

[0029] 图5示出了本公开实施例五提供的一种展示区域的背景配置装置的结构示意图；

[0030] 图6示出了本公开实施例六提供的一种电子设备的结构示意图。

具体实施方式

[0031] 为使本公开的目的、技术方案和优点更加清楚，以下将参照本公开实施例中的附图，通过实施方式清楚、完整地描述本公开的技术方案，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。

[0032] 下述各实施例中，每个实施例中同时提供了可选特征和示例，实施例中记载的各个特征可进行组合，形成多个可选方案，不应将每个编号的实施例仅视为一个技术方案。

[0033] 实施例一

[0034] 图1a示出了本公开实施例一提供的一种展示区域的背景配置方法的流程图，本公开实施例可适用于对展示区域进行背景配置的情况，该方法可以由展示区域的背景配置装置执行，该装置可以由硬件和/或软件构成，并一般集成在电子设备中。如图1a所示，本公开实施例中提供的展示区域的背景配置方法包括如下操作：

[0035] S110、获取目标展示区域内的当前预览图片。

[0036] 如图1b所示，目标展示区域包括当前界面上用于展示预览图片的区域。当然，不限于此，目标展示区域还可以包括当前界面上与预览图片关联的区域，如图1c中与预览图片关联的菜单2区域。应当说明的是，图1b和图1c中展示区域包括预览图片所在的区域(该区域被预览图片所遮挡)，避免在当前预览图片切换时出现背景空缺。

[0037] 可选地，结合图1b、图1c和图1d，目标展示区域内可展示至少一张图片，如果目标展示区域展示一张图片(如图1c)，该图片为当前预览图片，可展示在目标展示区域的中心区域；如果目标展示区域展示两张或者两张以上的图片(如图1b和图1d)，则图片按照预设方向排列，例如横向排列或者纵向排列，此时，展示在目标展示区域中心区域的图片为当前预览图片，其它预览图片可仅展示部分内容，也可以展示全部内容。例如图1b中，预览图片A和预览图片B仅展示部分内容，另一部分内容未加载。可选地，如图目标展示区域展示两张或者两张以上的图片，如图1b所示，预览图片的尺寸均相同，或者，如图1d所示，当前预览图片的尺寸大于其他预览图片的尺寸。在图1d所示的情况下下，其他预览图片切换为当前预览图片时，尺寸调整为当前预览图片的较大的尺寸，反之，当前预览图片切换为其它预览图片时，尺寸调整为其它预览图片的较小的尺寸。

[0038] 本实施例中，目标展示区域的尺寸大于预览图片的尺寸之和。

[0039] 当前预览图片包括多媒体文件的封面或者宣传海报。在一场景中，终端响应于对当前预览图片的触发操作，可到对应的多媒体文件进行播放。为了突出当前预览图片，引导用户施以注意力，进而执行触发操作，本公开实施例根据当前预览图片，确定目标展示区域的背景，从而使目标展示区域的背景与当前预览图片在视觉上保持一致，色彩更加协调，观看更加舒适，从而突出当前预览图片，引导用户执行触发操作。

[0040] S120、对当前预览图片进行缩小处理，得到缩小图片。

[0041] 由于当前预览图片包含的像素点一般较多，色彩较丰富，为了减少处理数据量，提高数据处理速度，同时避免背景图片在视觉效果上优于当前预览图片，即避免“喧宾夺主”，对当前预览图片进行缩小处理，亦即对当前预览图片进行降采样，从而减少像素点，去掉冗余的色彩。

[0042] 可选地，对当前预览图片进行缩小处理，得到缩小图片，包括：在当前预览图片的行方向上，每间隔N列像素，以及在当前预览图片的列方向上，每间隔M行像素获取至少一个像素点，构成缩小图片；其中，M和N是自然数，M和N可以相同也可以不同。在一示例中，当前预览图片分辨率为1920*1920，进行缩小操作后，得到的缩小图片的分辨率为32*32。

[0043] S130、对缩小图片进行放大处理，得到目标展示区域内的第一背景图片。

[0044] 一般情况下，目标展示区域的尺寸大于缩小图片的尺寸，则对缩小图片进行放大处理，得到第一背景图片。第一背景图片的尺寸应大于当前预览图片的尺寸并小于等于目标展示区域的尺寸。

[0045] 可选地，采用插值算法，在缩小图片的像素点之间插入新的像素点，得到目标展示区域内的第一背景图片。插值算法包括当不限于：最近邻、双线性、双三次、基于像素区域关系、兰索斯插值。

[0046] 在一可选实施方式中，对缩小图片进行放大处理，得到目标展示区域内的第一背景图片，包括：获取第一背景图片和缩小图片的尺寸比例；根据尺寸比例，确定缩小图片中各像素点在第一背景图片上对应的图片子区域；根据缩小图片中各像素点的像素值，确定对应图片子区域中各像素点的像素值。

[0047] 例如，第一背景图片的分辨率为320*320，缩小图片的分辨率为32*32，二值尺寸比例为10:1。将第一背景图片划分为10个图片子区域，缩小图片中各像素点按照相互之间的位置关系分别对应10个图片子区域。在每个图片子区域，将各像素点的像素值赋值为缩小图片中对应像素点的像素值。

[0048] S140、在目标展示区域内、当前预览图片所在图层的下面的图层，对第一背景图片进行展示。

[0049] 当前预览图片所在图层的下面的图层包括当前预览图片所在图层之下的任一图像，例如下一图层、下一图层的下一图层等，从而保证第一背景图片不会遮挡当前预览图片。当然，如果目标展示区域内还展示有其它预览图片，则第一背景图片也应位于其它预览图片的下面的图层，避免其它预览图片被遮挡，影响用户的浏览体验。

[0050] 值得说明的是，本公开实施例的执行主体集成在电子设备中。该电子设备包括终端或者服务器。如果电子设备包括终端，则由终端执行本实施例提供的方法。如果电子设备包括服务器，则服务器从终端获取目标展示区域内的当前预览图片，对当前预览图片进行缩小处理，得到缩小图片；对缩小图片进行放大处理，得到目标展示区域内的第一背景图片，将第一背景图片和展示方案(即在目标展示区域内、当前预览图片所在图层的下面的图层，对第一背景图片进行展示)发送至终端，以供终端按照展示方案展示第一背景图片。

[0051] 本公开实施例中，通过获取目标展示区域内的当前预览图片；对当前预览图片进行缩小处理，得到缩小图片；对缩小图片进行放大处理，得到目标展示区域内的第一背景图片，即通过对当前预览图片进行缩小再放大，得到与当前预览图片内容近似的大图片；通过在目标展示区域内、当前预览图片所在图层的下面的图层，对第一背景图片进行展示，使目标展示区域的背景与当前预览图片在视觉上保持一致，色彩更加协调，观看更加舒适；而且能够突出当前预览图片，引导用户执行触发操作，提高内容分发效率。

[0052] 实施例二

[0053] 图2示出了本公开实施例二提供的一种展示区域的背景配置方法的流程图，本实施例对上述或者下述实施例的各可选实施方式进一步优化，具体在得到第一背景图片之后，对第一背景图片进行模糊处理。结合图2，具体包括以下操作：

[0054] S210、获取目标展示区域内的当前预览图片。

[0055] S220、对当前预览图片进行缩小处理，得到缩小图片。

[0056] S230、对缩小图片进行放大处理，得到目标展示区域内的第一背景图片。

[0057] S210-S230与上述实施例中的S110-S130相同，此处不再赘述。

[0058] S240、对第一背景图片进行模糊处理。

[0059] 由于对当前预览图片进行缩小再放大后，第一背景图片中像素点之间的颜色差异比较大，造成图片相邻位置的色差较大。本操作对第一背景图片进行模糊处理。可选地，采用滤波器对第一背景图片进行滤波，实现模糊化。滤波器包括平均滤波器、平滑滤波器、低通滤波器。优选地，采用低通滤波器中的高斯模糊对第一背景图片进行模糊处理。

[0060] 模糊处理后，第一背景图片的颜色实现均匀化。尤其对于颜色差异较大的像素之间，达到颜色在相邻的像素点之间逐步渐变的效果。整体上的视觉效果就像经过一个半透明屏幕展示图片，

[0061] S250、在目标展示区域内、当前预览图片所在图层的下面的图层，对进行模糊处理后的第一背景图片进行展示。

[0062] 本实施例中，通过对当前预览图片进行缩小再放大后，进行模糊处理，从而第一背景图片的颜色实现均匀化，达到颜色在相邻的像素点之间逐步渐变的效果，提高用户的视觉体验，更好地衬托当前预览图片。

[0063] 实施例三

[0064] 图3示出了本公开实施例三提供的一种展示区域的背景配置方法的流程图，本实施例对上述或者下述实施例的各可选实施方式进一步优化，具体将“获取目标展示区域内的当前预览图片”优化为“响应于用户在展示区域内的操作指令，获取与操作指令对应的当前预览图片”。结合图3，具体包括以下操作：

[0065] S310、响应于用户在展示区域内的操作指令，获取与操作指令对应的当前预览图片。

[0066] 可选地，如果电子设备包括终端，终端直接执行S310。如果电子设备包括服务器，则服务器从终端获取用户在展示区域内的操作指令以及展示区域内的预览图片，并响应于该操作指令，根据展示区域内的预览图片，确定与操作指令对应的当前预览图片。

[0067] 可选地，用户在展示区域内的操作指令包括：用户在显示屏上的滑动操作输入的操作指令，用户的滑动操作方向与预览图片的排列方向相同。例如排列方向包括横向排列或者纵向排列。与操作指令对应的当前预览图片为排列在滑动操作方向的反方向的下一张图片。在一示例中，用户的滑动操作方向是向左，电子设备响应于向左滑动操作方向，将排列在右方的下一张图片确定为当前预览图片，并将当前预览图片展示在展示区域的中心区域。

[0068] S320、对当前预览图片进行缩小处理，得到缩小图片。

[0069] S330、对缩小图片进行放大处理，得到目标展示区域内的第一背景图片。

[0070] 可选地，对当前预览图片进行缩小再放大处理的操作参见上述各实施例的相关描述，此处不再赘述。

[0071] 可选地，在得到第一背景图片之后，还包括：对第一背景图片进行模糊处理。具体参见实施例二的相关描述，此处不再赘述。

[0072] S340、在目标展示区域内、当前预览图片所在图层的下面的图层，对第一背景图片进行展示。

[0073] 本公开实施例中，通过响应于用户在展示区域内的操作指令，获取与操作指令对应的当前预览图片，进而用户通过操作指令，自主选择当前预览图片，展示区域的背景随着用户选择的预览图片的变化而变化，从而为用户呈现较佳的视觉效果。

[0074] 实施例四

[0075] 图4示出了本公开实施例四提供的一种展示区域的背景配置方法的流程图，本实施例对上述实施例的各可选实施方式进一步优化，具体将第二背景图片与第一背景图片叠加，以对第一背景图片进行模糊处理。结合图4，具体包括以下操作：

[0076] S410、获取目标展示区域内的当前预览图片。

[0077] S420、对当前预览图片进行缩小处理，得到缩小图片。

[0078] S430、对缩小图片进行放大处理，得到目标展示区域内的第一背景图片。

[0079] S410-S430详见上述各实施例的相关描述，此处不再赘述。

[0080] S440、提取当前预览图片的主题色。

[0081] 主题色一般是核心元素的颜色或者配色的中心色。可选地，提取当前预览图片的主题色包括以下可选实施方式中的至少一种：

[0082] 第一种可选实施方式：根据分布在当前预览图片上预设位置处的颜色，确定主题色。

[0083] 可选地，预设位置至少包括图片的中心位置、黄金分割点处的位置、边缘的位置中的一种。主题色可根据预设位置处颜色的均值、最大值或者最小值来确定。

[0084] 第二种可选实施方式：遍历当前预览图片的各像素点，统计当前预览图片上各像素值的像素点数量，并根据数量满足预设要求的像素点的像素值确定主题色。

[0085] 可选地，将当前预览图片上各像素点映射到颜色空间，例如RGB、YUV或者HSV颜色空间。统计各像素值的数量。根据数量超过预设数量阈值或者数量最大的像素值确定主题色。

[0086] 第三种可选实施方式：根据当前预览图片中各像素点的像素值的平均值，确定主题色。

[0087] 具体地，将各像素点的像素值的平均值作为主题色。

[0088] 第四种可选实施方式：识别当前预览图片中的前景或者背景，并根据前景或者背景确定主题色。

[0089] 对当前预览图片进行目标识别，识别出图片中的前景和背景。可选地，对前景各像素点的像素值进行平均得到主题色，或者对背景各像素点的像素值进行平均得到主题色。

[0090] 第五种可选实施方式：从当前预览图片中提取至少一个色块，根据各色块的像素均值之间的差值和/或色块面积，确定主题色，其中，各颜色块对应不同的像素值范围。

[0091] 预先划分不同的像素值范围，根据不同的像素值范围从当前预览图片中提取至少一个色块。

[0092] 可选地，首先计算各色块的像素均值，再计算各色块的像素均值之间的差值，获取差值在预设差值范围内的目标色块，将目标色块的像素均值确定为主题色。

[0093] 可选地，计算各色块的面积，即像素点数量，将面积最大的色块的像素均值作为主题色。

[0094] 可选地，如果目标色块的数量为多个，则计算各色块的面积，将面积最大的目标色块的像素均值作为主题色。

[0095] S450、根据主题色，生成目标展示区域内的第二背景图片。

[0096] 可选地，根据主题色，生成该第二背景图片，第二背景图片的像素点的像素值根据主题色确定；或者，根据主题色，生成初始图片，并对初始图片进行明度差异化处理和/或饱和度差异化处理，得到第二背景图片，初始图片的像素点的像素值根据主题色确定。

[0097] 下面详细说明对初始图片进行明度差异化处理和/或饱和度差异化处理的过程。

[0098] 可选地，按照预设方向，对初始图片进行饱和度差异化处理。

[0099] 其中，预设方向包括但不限于：从初始图片的第一边缘起沿指向第二边缘的方向、从初始图片的中心区域起沿指向边缘的方向或者从初始图片的边缘起沿指向中心的方向。按照预设方向，逐步提高或者降低各像素的饱和度。可选地，像素之间饱和度提高或者降低的幅度可以相同也可以不同，也就是可以等幅度提高或者降低饱和度，也可以不等幅度提高或者降低饱和度。

[0100] 可选地，按照预设方向，对初始图片进行明度差异化处理。进行明度差异化处理的方法与进行饱和度差异化处理的方法大致相同，具体地，按照预设方向，逐步提高或者降低各像素的明度。可选地，像素之间明度提高或者降低的幅度可以相同也可以不同。

[0101] 可选地，按照预设方向，对初始图片进行饱和度差异化处理和明度差异化处理，具体地，按照预设方向逐步提高或者降低各像素的饱和度和明度。像素之间明度提高或者降低的幅度可以相同也可以不同，像素之间饱和度提高或者降低的幅度可以相同也可以不同。

[0102] S460、在目标展示区域内，将第一背景图片和第二背景图片叠加。

[0103] 可选地，第一背景图片与第二背景图片的尺寸的差值在预设差值范围内。

[0104] 可选地，将第一背景图片和第二背景图片叠加，包括：将第一背景图片所在的图层和第二背景图片所在的图层叠加。优选地，第二背景图片所在的图层在第一背景图片所在的图层之上。

[0105] 可选地，将第一背景图片和第二背景图片叠加，包括：对第一背景图片和第二背景图片中的对应像素点的像素值进行平均。如果第一背景图片与第二背景图片尺寸不同，存在未对应的像素点。该未对应的像素点可以取自身的像素值，不进行平均，或者与预设像素值进行平均，预设像素值可以是黑色像素值或者白色像素值。

[0106] S470、在目标展示区域内、当前预览图片所在图层的下面的图层，对叠加后的第一背景图片进行展示。

[0107] 值得说明的是，S440和S450可以在S410之后、S470之前的任一时段执行，S460可以在S430和S450之后、S470之前的任一时段执行。图4仅示出了一种可选的执行顺序，不对操作之前的执行顺序进行限定。

[0108] 本实施例中，通过根据主题色，生成目标展示区域内的第二背景图片，将将第一背景图片和第二背景图片叠加，从而通过第二背景图片对第一背景图片进行基于主题色的模糊化，提高第一背景图片与当前预览图像的匹配度，提高观看的舒适性，降低视觉反差。

[0109] 在上述实施例中，在目标展示区域内，将第一背景图片和第二背景图片叠加之前，还包括：对第一背景图片进行模糊处理。继而，将第二背景图片和模糊化处理后的第一背景图片叠加。然后，在目标展示区域内、当前预览图片所在图层的下面的图层，对叠加后的第一背景图片进行展示。

[0110] 本实施例中，对第一背景图片进行一次模糊处理，再叠加第二背景图片，相当于再次模糊处理，从而使第一背景图片颜色均匀，且提高与当前预览图片的匹配度，提高观看的舒适性，降低视觉反差，更有利于突出预览图片、达到醒目的效果，进而提高内容分发效率。

[0111] 实施例五

[0112] 图5示出了本公开实施例五提供的一种展示区域的背景配置装置的结构示意图，本公开实施例可适用于对展示区域进行背景配置的情况。如图5所示，本公开实施例中展示区域的背景配置装置，包括：获取模块51、缩小模块52、放大模块53和展示模块54。

[0113] 获取模块51，用于获取目标展示区域内的当前预览图片；

[0114] 缩小模块52，用于对当前预览图片进行缩小处理，得到缩小图片；

[0115] 放大模块53，用于对缩小图片进行放大处理，得到目标展示区域内的第一背景图片；

[0116] 展示模块54，用于在目标展示区域内、当前预览图片所在图层的下面的图层，对第一背景图片进行展示。

[0117] 本公开实施例中，通过获取目标展示区域内的当前预览图片；对当前预览图片进行缩小处理，得到缩小图片；对缩小图片进行放大处理，得到目标展示区域内的第一背景图片，即通过对当前预览图片进行缩小再放大，得到与当前预览图片内容近似的大图片；通过在目标展示区域内、当前预览图片所在图层的下面的图层，对第一背景图片进行展示，使目标展示区域的背景与当前预览图片在视觉上保持一致，色彩更加协调，观看更加舒适；而且能够突出当前预览图片，引导用户执行触发操作，提高内容分发效率。

[0118] 可选地，缩小模块52在对当前预览图片进行缩小处理，得到缩小图片时，具体用于：在当前预览图片的行方向上，每间隔N列像素，以及在当前预览图片的列方向上，每间隔M行像素获取至少一个像素点，构成缩小图片；其中，M和N是自然数。

[0119] 可选地，放大模块53在对缩小图片进行放大处理，得到目标展示区域内的第一背景图片时，具体用于：采用插值算法，在缩小图片的像素点之间插入新的像素点，得到目标展示区域内的第一背景图片。

[0120] 可选地，放大模块53在对缩小图片进行放大处理，得到目标展示区域内的第一背景图片时，具体用于：获取第一背景图片和缩小图片的尺寸比例；根据尺寸比例，确定缩小图片中各像素点在第一背景图片上对应的图片子区域；根据缩小图片中各像素点的像素值，确定对应图片子区域中各像素点的像素值。

[0121] 可选地，该装置还包括模糊处理模块，用于在对缩小图片进行放大处理，得到目标展示区域内的第一背景图片之后，对第一背景图片进行模糊处理。

[0122] 可选地，获取模块51在获取目标展示区域内的当前预览图片时，具体用于：响应于用户在展示区域内的操作指令，获取与操作指令对应的当前预览图片。可选地，用户在展示区域内的操作指令包括：用户在显示屏上的滑动操作输入的操作指令，用户的滑动操作方向与预览图片的排列方向相同。

[0123] 可选地，该装置还包括：提取模块、生成模块和叠加模块。提取模块用于提取当前预览图片的主题色。生成模块用于根据主题色，生成目标展示区域内的第二背景图片。叠加模块用于在目标展示区域内，将第一背景图片和第二背景图片叠加。

[0124] 进一步可选地，叠加模块在在目标展示区域内，将第一背景图片和第二背景图片叠加时，具体用于：将第一背景图片所在的图层和第二背景图片所在的图层叠加；或者，对第一背景图片和第二背景图片中的对应像素点的像素值进行平均。

[0125] 本公开实施例提供的展示区域的背景配置装置，与上述各实施例提供的展示区域的背景配置方法属于同一发明构思，未在本公开实施例中详尽描述的技术细节可参见上述各实施例，并且本公开实施例与上述各实施例具有相同的有益效果。

[0126] 实施例六

[0127] 下面参考图6，其示出了适于用来实现本公开实施例的电子设备600的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端，或者各种形式的服务器，如独立服务器或者服务器集群。图6示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

[0128] 如图6所示，电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601，其可以根据存储在只读存储装置(ROM)602中的程序或者从存储装置608加载到随机访问存储装置(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中，还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。

[0129] 通常，以下装置可以连接至I/O接口605：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607；包括例如磁带、硬盘等的存储装置608；以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备600，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

[0130] 特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行展示区域的背景配置方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置609从网络上被下载和安装，或者从存储装置608被安装，或者从ROM 602被安装。在该计算机程序被处理装置601执行时，执行本公开实施例的方法中限定的上述功能。

[0131] 需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储装置(RAM)、只读存储装置(ROM)、可擦式可编程只读存储装置(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储装置(CD-ROM)、光存储装置件、磁存储装置件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

[0132] 上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

[0133] 上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该处理装置执行时，使得该电子设备：获取目标展示区域内的当前预览图片；对所述当前预览图片进行缩小处理，得到缩小图片；对所述缩小图片进行放大处理，得到所述目标展示区域内的第一背景图片；在目标展示区域内、所述当前预览图片所在图层的下面的图层，对所述第一背景图片进行展示。

[0134] 可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

[0135] 附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

[0136] 描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块的名称在某种情况下并不构成对该模块本身的限定，例如，获取模块还可以被描述为“获取目标展示区域内的当前预览图片的模块”。

[0137] 以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。