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

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

Info

Publication number
CN109597664A
CN109597664A CN201811109762.XA CN201811109762A CN109597664A CN 109597664 A CN109597664 A CN 109597664A CN 201811109762 A CN201811109762 A CN 201811109762A CN 109597664 A CN109597664 A CN 109597664A
Authority
CN
China
Prior art keywords
picture
current preview
preview picture
background
color
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201811109762.XA
Other languages
English (en)
Inventor
姜博文
熊孜
林龙鑫
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN201811109762.XA priority Critical patent/CN109597664A/zh
Publication of CN109597664A publication Critical patent/CN109597664A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开实施例公开了一种展示区域的背景配置方法、装置、设备及可读介质。其中,方法包括:获取目标展示区域的当前预览图片;提取所述当前预览图片的主题色;根据所述主题色,生成所述目标展示区域内的第一背景图片;在目标展示区域内、所述当前预览图片所在图层的下面的图层,对所述第一背景图片进行展示。本公开实施例可以使展示区域中突出预览图片、达到醒目的效果,进而提高内容分发效率。

Description

展示区域的背景配置方法、装置、设备及可读介质
技术领域
本公开实施例涉及图像处理技术,尤其涉及一种展示区域的背景配置方法、装置、设备及可读介质。
背景技术
随着互联网技术发展和终端各种应用程序的涌现,终端上得以展示各种各样的信息,例如音乐、视频、文档等。很多信息配置有预览图片,应用程序将这些预览图片显示在一展示区域中,便于用户浏览并选择需要的信息。
大多数预览图片的展示区域中,一般显示空白或者广告弹窗,难以突出预览图片,不能达到醒目的效果,降低内容分发效率。
发明内容
有鉴于此,本公开实施例提供了一种展示区域的背景配置方法、装置、设备及可读介质,使展示区域中突出预览图片、达到醒目的效果,进而提高内容分发效率。
第一方面,本公开实施例提供了一种展示区域的背景配置方法,包括:
获取目标展示区域的当前预览图片;
提取所述当前预览图片的主题色;
根据所述主题色,生成所述目标展示区域内的第一背景图片;
在目标展示区域内、所述当前预览图片所在图层的下面的图层,对所述第一背景图片进行展示。
第二方面,本公开实施例提供了一种展示区域的背景配置装置,包括:
获取模块,用于获取目标展示区域的当前预览图片;
提取模块,用于提取所述当前预览图片的主题色;
生成模块,用于根据所述主题色,生成所述目标展示区域内的第一背景图片;
展示模块,用于在目标展示区域内、所述当前预览图片所在图层的下面的图层,对所述第一背景图片进行展示。
第三方面,本公开实施例提供了一种电子设备,包括:
一个或多个处理装置;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理装置执行,使得所述一个或多个处理装置实现如本公开任一实施例所述的展示区域的背景配置方法。
第四方面,本公开实施例提供了一种计算机可读介质,其上存储有计算机程序,该程序被处理装置执行时实现如本公开任一实施例所述的展示区域的背景配置方法。
本公开实施例中,通过获取目标展示区域内的当前预览图片;提取当前预览图片的主题色;根据主题色,生成目标展示区域内的第一背景图片,得到与当前预览图片色调一致的图片;通过在目标展示区域内、当前预览图片所在图层的下面的图层,对第一背景图片进行展示,使目标展示区域的背景与当前预览图片在视觉上保持一致,色彩更加协调,观看更加舒适;而且能够突出当前预览图片,引导用户执行触发操作,提高内容分发效率。
附图说明
为了更清楚地说明本公开实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图做一简单地介绍,显而易见地,下面描述中的附图是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1a示出了本公开实施例一提供的一种展示区域的背景配置方法的流程图;
图1b示出了本公开实施例一提供的一种目标展示区域的示意图;
图1c示出了本公开实施例一提供的另一种目标展示区域的示意图;
图1d示出了本公开实施例一提供的又一种目标展示区域的示意图;
图2示出了本公开实施例二提供的一种展示区域的背景配置方法的流程图;
图3示出了本公开实施例三提供的一种展示区域的背景配置方法的流程图;
图4示出了本公开实施例四提供的一种展示区域的背景配置装置的结构示意图;
图5示出了本公开实施例五提供的一种电子设备的结构示意图。
具体实施方式
为使本公开的目的、技术方案和优点更加清楚,以下将参照本公开实施例中的附图,通过实施方式清楚、完整地描述本公开的技术方案,显然,所描述的实施例是本公开一部分实施例,而不是全部的实施例。基于本公开中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本公开保护的范围。
下述各实施例中,每个实施例中同时提供了可选特征和示例,实施例中记载的各个特征可进行组合,形成多个可选方案,不应将每个编号的实施例仅视为一个技术方案。
实施例一
图1a示出了本公开实施例一提供的一种展示区域的背景配置方法的流程图,本公开实施例可适用于对展示区域进行背景配置的情况,该方法可以由展示区域的背景配置装置执行,该装置可以由硬件和/或软件构成,并一般集成在电子设备中。如图1a所示,本公开实施例中提供的展示区域的背景配置方法包括如下操作:
S110、获取目标展示区域的当前预览图片。
如图1b所示,目标展示区域包括当前界面上用于展示预览图片的区域。当然,不限于此,目标展示区域还可以包括当前界面上与预览图片关联的区域,如图1c中与预览图片关联的菜单2区域。应当说明的是,图1b和图1c中展示区域包括预览图片所在的区域(该区域被预览图片所遮挡),避免在当前预览图片切换时出现背景空缺。
可选地,结合图1b、图1c和图1d,目标展示区域内可展示至少一张图片,如果目标展示区域展示一张图片(如图1c),该图片为当前预览图片,可展示在目标展示区域的中心区域;如果目标展示区域展示两张或者两张以上的图片(如图1b和图1d),则图片按照预设方向排列,例如横向排列或者纵向排列,此时,展示在目标展示区域中心区域的图片为当前预览图片,其它预览图片可仅展示部分内容。例如图1b中,预览图片A和预览图片B仅展示部分内容,另一部分内容未加载。可选地,如图目标展示区域展示两张或者两张以上的图片,如图1b所示,预览图片的尺寸均相同,或者,如图1d所示,当前预览图片的尺寸大于其他预览图片的尺寸。在图1d所示的情况下下,其他预览图片切换为当前预览图片时,尺寸调整为当前预览图片的较大的尺寸,反之,当前预览图片切换为其它预览图片时,尺寸调整为其它预览图片的较小的尺寸。
本实施例中,目标展示区域的尺寸大于预览图片的尺寸之和。
当前预览图片包括多媒体文件的封面或者宣传海报。在一场景中,终端响应于对当前预览图片的触发操作,可到对应的多媒体文件进行播放。为了突出当前预览图片,引导用户施以注意力,进而执行触发操作,本公开实施例根据当前预览图片,确定目标展示区域的背景,从而使目标展示区域的背景与当前预览图片在视觉上保持一致,色彩更加协调,观看更加舒适,从而突出当前预览图片,引导用户执行触发操作。
S120、提取当前预览图片的主题色。
当前预览图片的主题色一般是当前预览图片的核心元素的颜色或者配色的中心色。可选地,提取当前预览图片的主题色包括以下可选实施方式中的至少一种:
第一种可选实施方式:根据分布在当前预览图片上预设位置处的颜色,确定主题色。
可选地,预设位置至少包括图片的中心位置、黄金分割点处的位置、边缘的位置中的一种。主题色可根据预设位置处颜色的均值、最大值或者最小值来确定。
第二种可选实施方式:遍历当前预览图片的各像素点,统计当前预览图片上各像素值的像素点数量,并根据数量满足预设要求的像素点的像素值确定主题色。
可选地,将当前预览图片上各像素点映射到颜色空间,例如RGB、YUV或者HSV颜色空间。统计各像素值的数量。根据数量超过预设数量阈值或者数量最大的像素值确定主题色。
第三种可选实施方式:根据当前预览图片中各像素点的像素值的平均值,确定主题色。
具体地,将各像素点的像素值的平均值作为主题色。
第四种可选实施方式:识别当前预览图片中的前景或者背景,并根据前景或者背景确定主题色。
对当前预览图片进行目标识别,识别出图片中的前景和背景。可选地,对前景各像素点的像素值进行平均得到主题色,或者对背景各像素点的像素值进行平均得到主题色。
第五种可选实施方式:从当前预览图片中提取至少一个色块,根据各色块的像素均值之间的差值和/或色块面积,确定主题色,其中,各颜色块对应不同的像素值范围。
具体地,根据各像素点的像素值和像素点间的邻接关系,识别相互连通的、预设像素值范围内的多个像素点构成色块。
可选地,首先计算各色块的像素均值,再计算各色块的像素均值之间的差值,获取差值在预设差值范围内的目标色块,将目标色块的像素均值确定为主题色。
可选地,计算各色块的面积,即像素点数量,将面积最大的色块的像素均值作为主题色。
可选地,如果目标色块的数量为多个,则计算各色块的像素均值的差值,将像素均值的差值在预设差值范围内的多个色块,融合得到主题色。例如对前述多个色块各像素的像素值进行平均得到主题色。
S130、根据主题色,生成目标展示区域内的第一背景图片。
可选地,根据主题色确定第一背景图片中各像素点的像素值。具体地,直接将主题色确定为各像素点的像素值,或者将主题色进行进一步处理后,确定为各像素点的像素值。其中,进一步处理包括调整明度、饱和度、色度等。
第一背景图片的尺寸应大于当前预览图片的尺寸并小于等于目标展示区域的尺寸。
S140、在目标展示区域内、当前预览图片所在图层的下面的图层,对第一背景图片进行展示。
当前预览图片所在图层的下面的图层包括当前预览图片所在图层之下的任一图像,例如下一图层、下一图层的下一图层等,从而保证第一背景图片不会遮挡当前预览图片。当然,如果目标展示区域内还展示有其它预览图片,则第一背景图片也应位于其它预览图片的下面的图层,避免其它预览图片被遮挡,影响用户的浏览体验。
值得说明的是,本公开实施例的执行主体集成在电子设备中。该电子设备包括终端或者服务器。如果电子设备包括终端,则由终端执行本实施例提供的方法。如果电子设备包括服务器,则服务器从终端获取目标展示区域内的当前预览图片,提取当前预览图片的主题色;根据主题色,生成目标展示区域内的第一背景图片,将第一背景图片和展示方案(即在目标展示区域内、当前预览图片所在图层的下面的图层,对第一背景图片进行展示)发送至终端,以供终端按照展示方案展示第一背景图片。
本公开实施例中,通过获取目标展示区域内的当前预览图片;提取当前预览图片的主题色;根据主题色,生成目标展示区域内的第一背景图片,得到与当前预览图片色调一致的图片;通过在目标展示区域内、当前预览图片所在图层的下面的图层,对第一背景图片进行展示,使目标展示区域的背景与当前预览图片在视觉上保持一致,色彩更加协调,观看更加舒适;而且能够突出当前预览图片,引导用户执行触发操作,提高内容分发效率。
实施例二
图2示出了本公开实施例二提供的一种展示区域的背景配置方法的流程图,本实施例对上述或者下述实施例的各可选实施方式进一步优化,具体将“根据主题色,生成目标展示区域内的第一背景图片”优化为“根据主题色,生成初始图片,并对初始图片进行明度差异化处理和/或饱和度差异化处理,得到第一背景图片”。结合图2,具体包括以下步骤:
S210、获取目标展示区域的当前预览图片。
S220、提取当前预览图片的主题色。
S230、根据主题色,生成初始图片,并对初始图片进行明度差异化处理和/或饱和度差异化处理,得到第一背景图片。
初始图片中各像素点的像素值根据主题色确定。可选地,直接将主题色确定为各像素点的像素值,或者将主题色进行进一步处理后,确定为初始图片中各像素点的像素值。其中,进一步处理包括调整明度、饱和度、色度等。
接着,对初始图片进行明度差异化处理和/或饱和度差异化处理,以使第一背景图片不同区域的明度和/或饱和度不同。下面详细说明对初始图片进行明度差异化处理和/或饱和度差异化处理的过程。
可选地,按照预设方向,对初始图片进行饱和度差异化处理。
其中,预设方向包括但不限于:从初始图片的第一边缘起沿指向第二边缘的方向、从初始图片的中心区域起沿指向边缘的方向或者从初始图片的边缘起沿指向中心的方向。按照预设方向,逐步提高或者降低各像素的饱和度。可选地,像素之间饱和度提高或者降低的幅度可以相同也可以不同,也就是可以等幅度提高或者降低饱和度,也可以不等幅度提高或者降低饱和度。
可选地,按照预设方向,对初始图片进行明度差异化处理。进行明度差异化处理的方法与进行饱和度差异化处理的方法大致相同,具体地,按照预设方向,逐步提高或者降低各像素的明度。可选地,像素之间明度提高或者降低的幅度可以相同也可以不同。
可选地,按照预设方向,对初始图片进行饱和度差异化处理和明度差异化处理,具体地,按照预设方向逐步提高或者降低各像素的饱和度和明度。像素之间明度提高或者降低的幅度可以相同也可以不同,像素之间饱和度提高或者降低的幅度可以相同也可以不同。
S240、在目标展示区域内、当前预览图片所在图层的下面的图层,对第一背景图片进行展示。
本实施例中,通过根据主题色,生成初始图片,并对初始图片进行明度差异化处理和/或饱和度差异化处理,得到第一背景图片,使得第一背景图片不同区域的透明度和/或饱和度不同,呈现立体的效果,突出当前预览图片,引导用户执行触发操作,提高内容分发效率。
实施例三
图3示出了本公开实施例三提供的一种展示区域的背景配置方法的流程图,本实施例对上述或者下述实施例的各可选实施方式进一步优化,具体将“获取目标展示区域内的当前预览图片”优化为“响应于用户在展示区域内的操作指令,获取与操作指令对应的当前预览图片”。结合图3,具体包括以下操作:
S310、响应于用户在展示区域内的操作指令,获取与操作指令对应的当前预览图片。
可选地,如果电子设备包括终端,终端直接执行S310。如果电子设备包括服务器,则服务器从终端获取用户在展示区域内的操作指令以及展示区域内的预览图片,并响应于该操作指令,根据展示区域内的预览图片,确定与操作指令对应的当前预览图片。
可选地,用户在展示区域内的操作指令包括:用户在显示屏上的滑动操作输入的操作指令,用户的滑动操作方向与预览图片的排列方向相同。例如排列方向包括横向排列或者纵向排列。与操作指令对应的当前预览图片为排列在滑动操作方向的反方向的下一张图片。在一示例中,用户的滑动操作方向是向左,电子设备响应于向左滑动操作方向,将排列在右方的下一张图片确定为当前预览图片,并将当前预览图片展示在展示区域的中心区域。
S320、提取当前预览图片的主题色。
S330、根据主题色,生成目标展示区域内的第一背景图片。
S340、在目标展示区域内、当前预览图片所在图层的下面的图层,对第一背景图片进行展示。
其中,S320-S340参见上述各实施例的相关描述,此处不再赘述。
本实施例中,通过响应于用户在展示区域内的操作指令,获取与操作指令对应的当前预览图片,进而用户通过操作指令,自主选择当前预览图片,展示区域的背景随着用户选择的预览图片的变化而变化,从而为用户呈现动态的视觉效果。
实施例四
图4示出了本公开实施例四提供的一种展示区域的背景配置装置的结构示意图,本公开实施例可适用于对展示区域进行背景配置的情况。如图4所示,本公开实施例中展示区域的背景配置装置,包括:获取模块41、提取模块42、生成模块43和展示模块44。
获取模块41,用于获取目标展示区域的当前预览图片。
提取模块42,用于提取当前预览图片的主题色。
生成模块43,用于根据主题色,生成目标展示区域内的第一背景图片。
展示模块44,用于在目标展示区域内、当前预览图片所在图层的下面的图层,对第一背景图片进行展示。
本公开实施例中,通过获取目标展示区域内的当前预览图片;提取当前预览图片的主题色;根据主题色,生成目标展示区域内的第一背景图片,得到与当前预览图片色调一致的图片;通过在目标展示区域内、当前预览图片所在图层的下面的图层,对第一背景图片进行展示,使目标展示区域的背景与当前预览图片在视觉上保持一致,色彩更加协调,观看更加舒适;而且能够突出当前预览图片,引导用户执行触发操作,提高内容分发效率。
可选地,提取模块42在提取当前预览图片的主题色时,具体用于执行以下至少一种操作:根据分布在当前预览图片上预设位置处的颜色,确定主题色;遍历当前预览图片的各像素点,统计当前预览图片上各像素值的像素点数量,并根据数量满足预设要求的像素点的像素值确定主题色;根据当前预览图片中各像素点的像素值的平均值,确定主题色;识别当前预览图片中的前景或者背景,并根据前景或者背景确定主题色;从当前预览图片中提取至少一个色块,根据各色块的像素均值之间的差值和/或色块面积,确定主题色,其中,各颜色块对应不同的像素值范围。
可选地,生成模块43在根据主题色,生成目标展示区域内的第一背景图片时,具体用于:根据主题色,生成第一背景图片,第一背景图片的像素点的像素值根据主题色确定;或者,根据主题色,生成初始图片,并对初始图片进行明度差异化处理和/或饱和度差异化处理,得到第一背景图片,初始图片中各像素点的像素值根据主题色确定。
可选地,生成模块43在对初始图片进行明度差异化处理时,具体用于:按照预设方向,对初始图片进行明度差异化处理。
可选地,生成模块43在对初始图片进行明度差异化处理时,具体用于:按照预设方向,对初始图片进行饱和度差异化处理。
可选地,获取模块41在获取目标展示区域的当前预览图片时,具体用于:响应于用户在展示区域内的操作指令,获取与操作指令对应的当前预览图片。
可选地,用户在展示区域内的操作指令包括:用户在显示屏上的滑动操作输入的操作指令,用户的滑动操作方向与预览图片的排列方向相同。
本公开实施例提供的展示区域的背景配置装置,与上述各实施例提供的展示区域的背景配置方法属于同一发明构思,未在本公开实施例中详尽描述的技术细节可参见上述各实施例,并且本公开实施例与上述各实施例具有相同的有益效果。
实施例五
下面参考图5,其示出了适于用来实现本公开实施例的电子设备500的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端,或者各种形式的服务器,如独立服务器或者服务器集群。图5示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图5所示,电子设备500可以包括处理装置(例如中央处理器、图形处理器等)501,其可以根据存储在只读存储装置(ROM)502中的程序或者从存储装置508加载到随机访问存储装置(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中,还存储有电子设备500操作所需的各种程序和数据。处理装置501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。
通常,以下装置可以连接至I/O接口505:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置506;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置507;包括例如磁带、硬盘等的存储装置508;以及通信装置509。通信装置509可以允许电子设备500与其他设备进行无线或有线通信以交换数据。虽然图5示出了具有各种装置的电子设备500,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行展示区域的背景配置方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置509从网络上被下载和安装,或者从存储装置508被安装,或者从ROM 502被安装。在该计算机程序被处理装置501执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储装置(RAM)、只读存储装置(ROM)、可擦式可编程只读存储装置(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储装置(CD-ROM)、光存储装置件、磁存储装置件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该处理装置执行时,使得该电子设备:获取目标展示区域的当前预览图片;提取所述当前预览图片的主题色;根据所述主题色,生成所述目标展示区域内的第一背景图片;在目标展示区域内、所述当前预览图片所在图层的下面的图层,对所述第一背景图片进行展示。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在某种情况下并不构成对该模块本身的限定,例如,获取模块还可以被描述为“获取目标展示区域内的当前预览图片的模块”。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (10)

1.一种展示区域的背景配置方法,其特征在于,包括:
获取目标展示区域的当前预览图片;
提取所述当前预览图片的主题色;
根据所述主题色,生成所述目标展示区域内的第一背景图片;
在目标展示区域内、所述当前预览图片所在图层的下面的图层,对所述第一背景图片进行展示。
2.根据权利要求1所述的方法,其特征在于,所述提取所述当前预览图片的主题色,包括以下操作中的至少一种:
根据分布在当前预览图片上预设位置处的颜色,确定主题色;
遍历当前预览图片的各像素点,统计当前预览图片上各像素值的像素点数量,并根据数量满足预设要求的像素点的像素值确定所述主题色;
根据当前预览图片中各像素点的像素值的平均值,确定所述主题色;
识别所述当前预览图片中的前景或者背景,并根据所述前景或者背景确定所述主题色;
从当前预览图片中提取至少一个色块,根据各色块的像素均值之间的差值和/或色块面积,确定所述主题色,其中,各颜色块对应不同的像素值范围。
3.根据权利要求1所述的方法,其特征在于,所述根据所述主题色,生成所述目标展示区域内的第一背景图片,包括:
根据所述主题色,生成第一背景图片,所述第一背景图片的像素点的像素值根据所述主题色确定;或者,
根据所述主题色,生成初始图片,并对所述初始图片进行明度差异化处理和/或饱和度差异化处理,得到所述第一背景图片,所述初始图片中各像素点的像素值根据所述主题色确定。
4.根据权利要求3所述的方法,其特征在于,所述对所述初始图片进行明度差异化处理,包括:
按照预设方向,对初始图片进行明度差异化处理。
5.根据权利要求3所述的方法,其特征在于,所述对所述初始图片进行饱和度差异化处理,包括:
按照预设方向,对初始图片进行饱和度差异化处理。
6.根据权利要求1所述的方法,其特征在于,所述获取目标展示区域的当前预览图片,包括:
响应于用户在展示区域内的操作指令,获取与所述操作指令对应的当前预览图片。
7.根据权利要求6所述的方法,其特征在于,所述用户在展示区域内的操作指令包括:用户在显示屏上的滑动操作输入的操作指令,所述用户的滑动操作方向与所述预览图片的排列方向相同。
8.一种展示区域的背景配置装置,其特征在于,包括:
获取模块,用于获取目标展示区域的当前预览图片;
提取模块,用于提取所述当前预览图片的主题色;
生成模块,用于根据所述主题色,生成所述目标展示区域内的第一背景图片;
展示模块,用于在目标展示区域内、所述当前预览图片所在图层的下面的图层,对所述第一背景图片进行展示。
9.一种电子设备,其特征在于,所述电子设备包括:
一个或多个处理装置;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理装置执行,使得所述一个或多个处理装置实现如权利要求1-7中任一所述的展示区域的背景配置方法。
10.一种计算机可读介质,其上存储有计算机程序,其特征在于,该程序被处理装置执行时实现如权利要求1-7中任一所述的展示区域的背景配置方法。
CN201811109762.XA 2018-09-21 2018-09-21 展示区域的背景配置方法、装置、设备及可读介质 Pending CN109597664A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811109762.XA CN109597664A (zh) 2018-09-21 2018-09-21 展示区域的背景配置方法、装置、设备及可读介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811109762.XA CN109597664A (zh) 2018-09-21 2018-09-21 展示区域的背景配置方法、装置、设备及可读介质

Publications (1)

Publication Number Publication Date
CN109597664A true CN109597664A (zh) 2019-04-09

Family

ID=65957242

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811109762.XA Pending CN109597664A (zh) 2018-09-21 2018-09-21 展示区域的背景配置方法、装置、设备及可读介质

Country Status (1)

Country Link
CN (1) CN109597664A (zh)

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110210532A (zh) * 2019-05-15 2019-09-06 北京字节跳动网络技术有限公司 背景色生成方法、装置及电子设备
CN110825480A (zh) * 2019-11-06 2020-02-21 北京无限光场科技有限公司 图片的展示方法、装置、电子设备及计算机可读存储介质
WO2020215861A1 (zh) * 2019-04-22 2020-10-29 京东方科技集团股份有限公司 图片显示方法、图片显示装置、电子设备及存储介质
CN112037303A (zh) * 2020-08-31 2020-12-04 深圳市欢太科技有限公司 主题展示卡片的卡片底色生成方法、装置、设备及介质
CN112215920A (zh) * 2020-09-25 2021-01-12 武汉天喻聚联科技有限公司 个性化卡片展示和制作方法及设备
CN112218006A (zh) * 2020-09-25 2021-01-12 杭州网易再顾科技有限公司 一种多媒体数据处理方法、装置、电子设备及存储介质
CN112330763A (zh) * 2020-10-29 2021-02-05 苏宁云计算有限公司 图片氛围色的确定方法、装置、计算机设备及存储介质
CN114003150A (zh) * 2021-10-25 2022-02-01 北京字跳网络技术有限公司 一种音效展示方法及终端设备
WO2022246985A1 (zh) * 2021-05-27 2022-12-01 北京字跳网络技术有限公司 一种页面显示更新方法、装置、电子设备及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130031468A1 (en) * 2011-07-25 2013-01-31 Samsung Electronics Co., Ltd. Apparatus and method for changing theme of application in portable terminal
CN104679380A (zh) * 2013-11-30 2015-06-03 富泰华工业(深圳)有限公司 用户界面背景色调整系统及其方法
CN106095447A (zh) * 2016-06-14 2016-11-09 武汉深之度科技有限公司 一种应用界面的生成方法、设备及计算设备
CN106528187A (zh) * 2015-09-09 2017-03-22 腾讯科技(深圳)有限公司 一种占位背景色确定方法及装置
CN106874012A (zh) * 2017-03-01 2017-06-20 广州阿里巴巴文学信息技术有限公司 主题背景设置方法、装置及电子设备
CN106934838A (zh) * 2017-02-08 2017-07-07 广州阿里巴巴文学信息技术有限公司 图片展示方法、设备及可编程设备

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130031468A1 (en) * 2011-07-25 2013-01-31 Samsung Electronics Co., Ltd. Apparatus and method for changing theme of application in portable terminal
CN104679380A (zh) * 2013-11-30 2015-06-03 富泰华工业(深圳)有限公司 用户界面背景色调整系统及其方法
CN106528187A (zh) * 2015-09-09 2017-03-22 腾讯科技(深圳)有限公司 一种占位背景色确定方法及装置
CN106095447A (zh) * 2016-06-14 2016-11-09 武汉深之度科技有限公司 一种应用界面的生成方法、设备及计算设备
CN106934838A (zh) * 2017-02-08 2017-07-07 广州阿里巴巴文学信息技术有限公司 图片展示方法、设备及可编程设备
CN106874012A (zh) * 2017-03-01 2017-06-20 广州阿里巴巴文学信息技术有限公司 主题背景设置方法、装置及电子设备

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2020215861A1 (zh) * 2019-04-22 2020-10-29 京东方科技集团股份有限公司 图片显示方法、图片显示装置、电子设备及存储介质
CN110210532A (zh) * 2019-05-15 2019-09-06 北京字节跳动网络技术有限公司 背景色生成方法、装置及电子设备
CN110825480A (zh) * 2019-11-06 2020-02-21 北京无限光场科技有限公司 图片的展示方法、装置、电子设备及计算机可读存储介质
CN112037303A (zh) * 2020-08-31 2020-12-04 深圳市欢太科技有限公司 主题展示卡片的卡片底色生成方法、装置、设备及介质
CN112215920A (zh) * 2020-09-25 2021-01-12 武汉天喻聚联科技有限公司 个性化卡片展示和制作方法及设备
CN112218006A (zh) * 2020-09-25 2021-01-12 杭州网易再顾科技有限公司 一种多媒体数据处理方法、装置、电子设备及存储介质
CN112218006B (zh) * 2020-09-25 2022-11-15 杭州网易再顾科技有限公司 一种多媒体数据处理方法、装置、电子设备及存储介质
CN112330763A (zh) * 2020-10-29 2021-02-05 苏宁云计算有限公司 图片氛围色的确定方法、装置、计算机设备及存储介质
WO2022246985A1 (zh) * 2021-05-27 2022-12-01 北京字跳网络技术有限公司 一种页面显示更新方法、装置、电子设备及存储介质
CN114003150A (zh) * 2021-10-25 2022-02-01 北京字跳网络技术有限公司 一种音效展示方法及终端设备

Similar Documents

Publication Publication Date Title
CN109597664A (zh) 展示区域的背景配置方法、装置、设备及可读介质
US10957024B2 (en) Real time tone mapping of high dynamic range image data at time of playback on a lower dynamic range display
CN110399848A (zh) 视频封面生成方法、装置及电子设备
CN109408685A (zh) 思维导图展示方法和装置
CN110058685A (zh) 虚拟对象的显示方法、装置、电子设备和计算机可读存储介质
CN111399729A (zh) 图像的绘制方法、装置、可读介质和电子设备
CN110210532B (zh) 背景色生成方法、装置及电子设备
CN109614194A (zh) 列表界面的显示方法、装置、设备及存储介质
CN109408189A (zh) 客户端界面布局的动态调整方法、装置、设备和介质
CN109598304B (zh) 分类模型校准方法、装置、设备及可读介质
CN110069191B (zh) 基于终端的图像拖拽变形实现方法和装置
CN109597538A (zh) 可操作控件的显示方法、装置、设备及可读介质
CN110222726A (zh) 图像处理方法、装置及电子设备
CN109947973A (zh) 展示区域的背景配置方法、装置、设备及可读介质
CN108961165A (zh) 用于加载图像的方法和装置
CN110298851A (zh) 人体分割神经网络的训练方法及设备
CN109446025A (zh) 一种操作行为的回放方法、装置、电子设备及可读介质
WO2023169521A1 (zh) 字段合并方法、装置和电子设备
CN110070585A (zh) 图像生成方法、装置和计算机可读存储介质
CN111008047A (zh) 页面元素冲突的处理方法、装置和电子设备
CN110381365A (zh) 视频抽帧方法、装置及电子设备
CN110310293A (zh) 人体图像分割方法及设备
CN109460543A (zh) 一种逻辑表达式的录入方法、装置、电子设备及可读介质
CN112492399B (zh) 信息显示方法、装置及电子设备
CN110288523B (zh) 图像生成方法和装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20190409

RJ01 Rejection of invention patent application after publication