CN110609649A - 界面显示方法、装置及存储介质 - Google Patents

Abstract

本公开是关于一种界面显示方法、装置及存储介质，属于计算机视觉技术领域。所述方法包括：接收对应于音乐播放界面的显示指令；根据所述显示指令，显示所述音乐播放界面，所述音乐播放界面包括封面展示区和控件展示区；在所述封面展示区中显示专辑封面；在所述控件展示区中显示操作控件，且所述控件展示区的背景颜色是从所述专辑封面中选取的颜色。通过在音乐播放界面中显示封面展示区和控件展示区，在封面展示区中显示专辑封面，在控件展示区中显示操作控件，并选取封面展示区显示的专辑封面中的颜色作为控件展示区的背景颜色，实现了根据不同的专辑封面灵活显示不同的背景颜色，使得音乐播放界面的显示样式更具灵活性和多样性。

Description

界面显示方法、装置及存储介质

技术领域

本公开实施例涉及计算机视觉技术领域，特别涉及一种界面显示方法、装置及存储介质。

背景技术

在音乐播放应用中，播放某一音乐时，会显示对应的音乐播放界面，该音乐播放界面中包括操作控件和专辑封面。

目前，相关技术中音乐播放界面的显示样式较为单一。

发明内容

本公开实施例提供了一种界面显示方法、装置及存储介质。所述技术方案如下：

根据本公开实施例的第一方面，提供了一种界面显示方法，所述方法包括：

接收对应于音乐播放界面的显示指令；

根据所述显示指令，显示所述音乐播放界面，所述音乐播放界面包括封面展示区和控件展示区；

在所述封面展示区中显示专辑封面；

在所述控件展示区中显示操作控件，且所述控件展示区的背景颜色是从所述专辑封面中选取的颜色。

可选地，所述方法还包括：

获取所述专辑封面中包括的各个纯色的特征值，所述特征值包括以下任意一种：面积占比、灰度值、像素数量；

将所述特征值最大或最小的纯色，确定为所述背景颜色。

可选地，所述方法还包括：

获取所述专辑封面；

对所述专辑封面进行高斯模糊处理，得到模糊处理后的专辑封面；

在所述控件展示区的下层显示所述模糊处理后的专辑封面。

可选地，所述对所述专辑封面进行高斯模糊处理，得到模糊处理后的专辑封面，包括：

从所述专辑封面中截取局部区域；

对所述局部区域进行高斯模糊处理，得到所述模糊处理后的专辑封面。

可选地，所述方法还包括：

对所述专辑封面进行压缩处理，得到压缩处理后的专辑封面，所述压缩处理后的专辑封面用于高斯模糊处理，得到所述模糊处理后的专辑封面；

对所述模糊处理后的专辑封面进行解压缩处理，得到解压处理后的专辑封面，所述解压处理后的专辑封面用于在所述控件展示区的下层显示。

可选地，所述控件展示区位于所述封面展示区的上层，且覆盖所述封面展示区的部分区域。

可选地，所述方法还包括：

获取所述专辑封面；

对所述专辑封面中的目标区域进行高斯模糊，得到模糊处理后的专辑封面，所述目标区域是指所述专辑封面中显示在所述部分区域的封面内容；

其中，所述模糊处理后的专辑封面用于显示在所述封面展示区中。

可选地，所述方法还包括：

对所述专辑封面进行压缩处理，得到压缩处理后的专辑封面，所述压缩处理后的专辑封面用于高斯模糊处理，得到所述模糊处理后的专辑封面；

对所述模糊处理后的专辑封面进行解压缩处理，得到解压处理后的专辑封面，所述解压处理后的专辑封面用于显示在所述封面展示区中。

根据本公开实施例的第二方面，提供了一种界面显示装置，所述装置包括：

指令接收模块，被配置为接收对应于音乐播放界面的显示指令；

界面显示模块，被配置为根据所述显示指令，显示所述音乐播放界面，所述音乐播放界面包括封面展示区和控件展示区；

封面展示模块，被配置为在所述封面展示区中显示专辑封面；

控件展示模块，被配置为在所述控件展示区中显示操作控件，且所述控件展示区的背景颜色是从所述专辑封面中选取的颜色。

可选地，所述控件展示模块还被配置为：

获取所述专辑封面中包括的各个纯色的特征值，所述特征值包括以下任意一种：面积占比、灰度值、像素数量；

将所述特征值最大或最小的纯色，确定为所述背景颜色。

可选地，所述装置还包括：

封面获取模块，被配置为获取所述专辑封面；

模糊处理模块，被配置为对所述专辑封面进行高斯模糊处理，得到模糊处理后的专辑封面；

所述控件展示模块，还被配置为在所述控件展示区的下层显示所述模糊处理后的专辑封面。

可选地，所述装置还包括：

封面截取模块，被配置为从所述专辑封面中截取局部区域；

所述模糊处理模块，还被配置为对所述局部区域进行高斯模糊处理，得到所述模糊处理后的专辑封面。

可选地，所述装置还包括：

压缩处理模块，被配置为对所述专辑封面进行压缩处理，得到压缩处理后的专辑封面，所述压缩处理后的专辑封面用于高斯模糊处理，得到所述模糊处理后的专辑封面；

解压处理模块，被配置为对所述模糊处理后的专辑封面进行解压缩处理，得到解压处理后的专辑封面，所述解压处理后的专辑封面用于在所述控件展示区的下层显示。

可选地，所述控件展示区位于所述封面展示区的上层，且覆盖所述封面展示区的部分区域。

可选地，所述装置还包括：

封面获取模块，被配置为获取所述专辑封面；

模糊处理模块，被配置为对所述专辑封面中的目标区域进行高斯模糊，得到模糊处理后的专辑封面，所述目标区域是指所述专辑封面中显示在所述部分区域的封面内容；

其中，所述模糊处理后的专辑封面用于显示在所述封面展示区中。

可选地，所述装置还包括：

压缩处理模块，被配置为对所述专辑封面进行压缩处理，得到压缩处理后的专辑封面，所述压缩处理后的专辑封面用于高斯模糊处理，得到所述模糊处理后的专辑封面；

解压处理模块，被配置为对所述模糊处理后的专辑封面进行解压缩处理，得到解压处理后的专辑封面，所述解压处理后的专辑封面用于显示在所述封面展示区中。

根据本公开实施例的第三方面，提供了一种界面显示装置，所述装置包括：

处理器；

用于存储所述处理器的可执行指令的存储器；

其中，所述处理器被配置为：

接收对应于音乐播放界面的显示指令；

根据所述显示指令，显示所述音乐播放界面，所述音乐播放界面包括封面展示区和控件展示区；

在所述封面展示区中显示专辑封面；

在所述控件展示区中显示操作控件，且所述控件展示区的背景颜色是从所述专辑封面中选取的颜色。

根据本公开实施例的第四方面，提供了一种非临时性计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如第一方面所述方法的步骤。

本公开实施例提供的技术方案可以包括以下有益效果：

通过在音乐播放界面中显示封面展示区和控件展示区，在封面展示区中显示专辑封面，在控件展示区中显示操作控件，并选取封面展示区显示的专辑封面中的颜色作为控件展示区的背景颜色，实现了根据不同的专辑封面灵活显示不同的背景颜色，使得音乐播放界面的显示样式更具灵活性和多样性；并且，由于控件展示区的背景颜色是从专辑封面中选取的，实现了音乐播放界面中封面展示区和控件展示区这两个区域的统一与协调，提升了音乐播放界面的显示效果和人机交互体验。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。

图1是根据一示例性实施例示出的一种界面显示方法的流程图；

图2是根据一示例性实施例示出的音乐播放界面的示意图；

图3是根据一示例性实施例示出的封面展示区的示意图；

图4是根据另一示例性实施例示出的封面展示区的示意图；

图5是根据一示例性实施例示出的音乐播放界面的示意图；

图6是根据一示例性实施例示出的高斯模糊处理的示意图；

图7是根据一示例性实施例示出的音乐播放界面的层级关系的示意图；

图8是根据一示例性实施例示出的一种界面显示装置的框图；

图9是根据另一示例性实施例示出的一种界面显示装置的框图；

图10是根据一示例性实施例示出的一种装置的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

本公开实施例提供的技术方案，各步骤的执行主体可以是终端，如手机、平板电脑、可穿戴设备、音乐播放设备、多媒体播放器、PC(Personal Computer，个人计算机)、车载终端等电子设备。可选地，终端中安装运行有音乐播放应用，各步骤可以由该音乐播放应用来执行。音乐播放应用是指具有音乐播放功能的应用程序。为了便于说明，在下述方法实施例中，仅以各步骤由终端来执行进行介绍说明，但对此不构成限定。

图1是根据一示例性实施例示出的一种界面显示方法的流程图。该方法可以包括如下几个步骤(步骤101～104)：

在步骤101中，接收对应于音乐播放界面的显示指令。

对应于音乐播放界面的显示指令是指用于触发显示音乐播放界面的操作指令，该音乐播放界面是指用于展示当前播放音乐相关信息的用户界面。在本公开实施例中，上述显示指令可以通过触控操作来生成，例如，用户点击音乐播放应用的某一用户界面中的某一操作控件，该操作控件是用于触发显示音乐播放界面的操作控件，相应地，终端接收对应于该操作控件的触发信号，也即接收到对应于音乐播放界面的显示指令。示例性地，上述用户界面可以是音乐列表界面。可选地，该用户界面中包括一些操作控件，如按钮、滑块、图标等，以供用户操作。例如，该用户界面中包括播放图标，用户点击该播放图标，相应地，终端会接收到对应于该播放图标的触发信号，也即接收到对应于音乐播放界面的显示指令。

当然，在一些其它实施例中，用户除了通过触控操作来产生显示指令之外，还可以通过语音、手势等方式来产生显示指令，本公开实施例对此不作限定。

在步骤102中，根据该显示指令，显示音乐播放界面，该音乐播放界面包括封面展示区和控件展示区。

封面展示区是音乐播放界面中用于展示当前播放音乐对应的专辑封面的显示区域，封面展示区可以是音乐播放界面的全部显示区域，也可以是音乐播放界面的部分显示区域，本公开实施例对此不作限定。控件展示区是音乐播放界面中用于展示可触控操作控件的显示区域，控件展示区可以是音乐播放界面的全部显示区域，也可以是音乐播放界面的部分显示区域，本公开实施例对此不作限定。可选地，控件展示区还用于显示当前播放音乐的歌词等相关信息。

示例性地，如图2所示，音乐播放界面20包括封面展示区21和控件展示区22。在本公开实施例中，对封面展示区21和控件展示区22的显示位置、形状及尺寸等显示样式均不作限定。例如，封面展示区21可以正方形显示在音乐播放界面20的上半部分区域，该正方形的边长为该音乐播放界面的宽；控件展示区22可以长方形显示在音乐播放界面20的下半部分区域，该长方形的长为该音乐播放背景20的宽，该长方形的宽为该音乐播放背景20的长与该封面展示区21的边长的差值。

在本公开实施例中，对封面展示区21和控件展示区22的显示层级不作限定。例如，控件展示区22的显示层级可以高于封面展示区21的显示层级，也可以与封面展示区21的显示层级一样。

在步骤103中，在封面展示区中显示专辑封面。

专辑封面是当前播放音乐对应的海报，专辑封面可以是当前播放音乐所在的专辑的宣传海报，也可以是当前播放音乐的演唱者海报，本公开实施例对此不作限定。

在一种可能的实施方式中，若专辑封面为正方形，且封面展示区也为正方形，则直接在封面展示区中显示该专辑封面。可选地，如图3中(a)部分所示，专辑封面31的尺寸可以等于封面展示区32的尺寸，且该专辑封面31的显示区域与该封面展示区32的显示区域重叠。可选地，如图3中(b)部分所示，专辑封面31的尺寸可以大于封面展示区32的尺寸，且该专辑封面31的中心点与该封面展示区32的中心点重叠，此时，在音乐播放界面中仅显示该专辑封面31中与该封面展示区域32的重叠区域。可选地，专辑封面的尺寸可以小于封面展示区的尺寸，且该专辑封面的中心点与该封面展示区的中心点重叠，此时，控制专辑封面的尺寸放大至与封面展示区相同的尺寸，即控制专辑封面的显示区域与封面展示区的显示区域完全重叠。

在另一种可能的实施方式中，若专辑封面为正方形，封面展示区为长方形，则将专辑封面处理后显示在封面展示区中。可选地，如图4所示，专辑封面41为正方形，封面展示区42为长方形，且该专辑封面41的边长等于该封面展示区42的长，则控制专辑封面41的中心点与封面展示区42的对角线交点重叠，此时，在音乐播放界面中仅显示该专辑封面41与该封面展示区42的重叠区域。

需要说明的是，上述两种实施方式仅为示例性实施方式，并不能构成对本公开的限定。例如，在专辑封面为正方形，封面展示区为长方形的时候，该专辑封面的中心点也可以不与该封面展示区的对角线交点重叠。本公开实施例仅以专辑封面为正方形的情形进行举例说明，实际应用中，专辑封面也可能是圆形或者长方形等，此时的显示处理方式参照专辑封面是正方形的情形，本公开实施例对此不作限定。

在步骤104中，在控件展示区中显示操作控件，且该控件展示区的背景颜色是从专辑封面中选取的颜色。

操作控件是用于接收对应于该控件展示区的触控操作信号的控件，用于实现对当前播放音乐的控制功能，示例性地，操作控件可以包括暂停控件、快进控件、切换控件等，本公开实施例对此不作限定。例如，如图5所示，控件展示区51中显示有操作控件。操作控件包括暂停控件52、音乐切换控件53和界面切换控件54，暂停控件52可用于暂停播放当前播放歌曲，音乐切换控件53可用于切换播放下一首音乐或上一首音乐，界面切换控件54可用于切换歌词界面、歌曲列表界面、歌曲详情界面等。可选地，在控件展示区51中还显示有当前播放音乐的相关信息55，该相关信息55可以是当前播放音乐的名称、演唱者、歌词等，本公开实施例对此不作限定。

控件展示区的背景颜色是指控件展示区背景的显示颜色，该显示颜色占满控件展示区的整个背景。为了使音乐播放界面的显示更为统一，控件展示区的背景颜色是从专辑封面中选取的。例如，专辑封面中包含四种颜色：紫色、蓝色、黄色和绿色，则可以选取这四种颜色中的任意一种或多种颜色作为控件展示区的背景颜色，例如，可以选取紫色和蓝色作为背景颜色。

在一种可能的实施方式中，为了使音乐播放界面的显示效果更为简洁，上述背景颜色是从专辑封面中选取的纯色。其中，纯色是指单一的颜色，例如，专辑封面中包含四种颜色：紫色、蓝色、黄色和绿色，则可以选取紫色、蓝色、黄色和绿色中的任意一种颜色作为该背景颜色，例如选取紫色作为该背景颜色。

可选地，上述方法还包括：获取专辑封面中包括的各个纯色的特征值，该特征值包括以下任意一种：面积占比、灰度值、像素数量；将该特征值最大或最小的纯色，确定为背景颜色。例如，为了减小计算量，直接选取面积占比作为特征值，若专辑封面中包括紫色、蓝色和黄色，且面积占比分别为40％、36％和24％，则选取面积占比最大的紫色作为背景颜色。又例如，为了使得选取出的背景颜色可以显著区别于音乐播放界面中的其他区域，提升人机交互体验，可以选取灰度值作为特征值，若专辑封面中包括黄色、灰色和黑色，则选取灰度值最大的黄色作为背景颜色。在本公开实施例中，对特征值具体包含几个元素不作限定，例如可以只使用面积占比这一个元素作为特征值，也可以使用面积占比和灰度值这两个元素的结合作为特征值。

可选地，为了使得操作在确定背景颜色时，可以预先剔除灰度值较低和灰度值较高的颜色，例如剔除掉灰度值为255的白色和灰度值为0的黑色。

可选地，上述方法还包括：获取专辑封面中包括的各个纯色的灰度值；判断该灰度值是否在预设灰度值范围内；若该灰度值在预设灰度值范围内，则获取该灰度值对应的纯色的特征值，该特征值包括以下任意一种：面积占比、灰度值、像素数量；将该特征值最大或最小的纯色，确定为背景颜色。在本公开实施例中，预设灰度值范围是可以根据当前播放音乐的不同进行灵活设置的，例如若当前播放音乐是较为忧伤舒缓的音乐，则设置预设灰度值范围较小，如设置预设灰度值范围为100至150；若当前播放音乐是较为活泼轻快的音乐，则设置预设灰度值范围较大，如设置预设灰度值范围为150至230。

可选地，为了使得操作控件和文字清晰可见，提升音乐播放界面的显示效果，上述背景颜色以半透明样式进行显示。例如，根据上述步骤确定出的背景颜色为紫色，则可以调节紫色的透明度，例如调节透明度为50％，使得紫色以半透明的样式显示。

需要说明的是，本公开实施例中，步骤103和步骤104并不一定是在步骤102之后执行的，例如，步骤103和步骤104可以是与步骤102同步执行的。

综上所述，本公开实施例通过在音乐播放界面中显示封面展示区和控件展示区，在封面展示区中显示专辑封面，在控件展示区中显示操作控件，并选取封面展示区显示的专辑封面中的颜色作为控件展示区的背景颜色，实现了根据不同的专辑封面灵活显示不同的背景颜色，使得音乐播放界面的显示样式更具灵活性和多样性；并且，由于控件展示区的背景颜色是从专辑封面中选取的，实现了音乐播放界面中封面展示区和控件展示区这两个区域的统一与协调，提升了音乐播放界面的显示效果和人机交互体验。

另外，本公开实施例中，背景颜色是根据一定的特征值从专辑封面中选取的纯色，且该背景颜色在控件展示区以半透明的样式显示，不仅可以实现清晰辨认操作控件，也可以在视觉上给用户提供一种透亮感，进一步提升了音乐播放界面的显示效果。

在一种可能的实施方式中，为了实现音乐播放背景更加协调统一，给用户提供更好的视觉感受，上述方法还包括：获取专辑封面；对该专辑封面进行高斯模糊处理，得到模糊处理后的专辑封面；在控件展示区的下层显示模糊处理后的专辑封面。

本公开实施例中，在控件展示区的下层显示的模糊处理后的专辑封面，可以与封面展示区显示的专辑封面组合构成一个完整的专辑封面，也可以与封面展示区显示的专辑封面相同，还可以是从封面展示区显示的专辑封面中选取的一部分，本公开实施例对此不作限定。

可选地，为了减轻计算量，加快图片处理的速度，上述对该专辑封面进行高斯模糊处理，得到模糊处理后的专辑封面，包括：从该专辑封面中截取局部区域；对该局部区域进行高斯模糊处理，得到模糊处理后的专辑封面。可选地，为了在控件展示区中体现专辑封面的关键内容，提升音乐播放界面的显示效果，从该专辑封面中截取局部区域，包括：获取该专辑封面的关键信息；将重要的关键信息密集的区域确定为所要截取的局部区域；从该专辑封面中截取该局部区域。本公开实施例中，关键信息可以是对象的特征信息，其中，对象可以是人物、树木、车辆、建筑等，特征信息可以是人物的四肢、树木的树叶、建筑的屋顶等，本公开实施例对此不作限定。本公开实施例中，重要的关键信息是可以预先设置的，例如，可以预先设置人物的关键信息为重要的关键信息。

例如，如图6所示，封面展示区61显示的专辑封面中既有人像62，也有环境背景63，则选取显示人像62的区域64作为局部区域，对该局部区域进行高斯模糊得到模糊处理后的专辑封面后，将该模糊处理后的专辑封面显示在控件展示区65的下层。可选地，为了控件展示区65下层可以全部显示模糊处理后的专辑封面，会将模糊处理后的专辑封面进行放大处理，使得放大后的专辑封面的覆盖范围大于控件展示区65的覆盖范围。

可选地，为了进一步加快图片处理的速度，上述方法还包括：对专辑封面进行压缩处理，得到压缩处理后的专辑封面，该压缩处理后的专辑封面用于高斯模糊处理，得到模糊处理后的专辑封面；对该模糊处理后的专辑封面进行解压缩处理，得到解压处理后的专辑封面，该解压处理后的专辑封面用于在控件展示区的下层显示。

在本公开实施例中，为了提升图片处理的便捷性，可以通过设置一定的压缩比例或者压缩后尺寸来对专辑封面进行压缩处理。例如，设置压缩比例为2:1，则将专辑封面的尺寸压缩至原来的二分之一。又例如，设置压缩后尺寸为200乘100，则将专辑封面压缩至200乘100的尺寸。本公开实施例对压缩比例和压缩后尺寸的具体取值方式不作限定。

在另一种可能的实施方式中，控件展示区位于封面展示区的上层，且覆盖该封面展示区的部分区域。

在本公开实施例中，音乐播放界面包括第一视图层和第二视图层；其中，第一视图层的显示层级低于第二视图层。上述封面展示区位于第一视图层，上述控件展示区位于第二视图层。通过这种设置，可以固定显示专辑封面，使得专辑封面不会跟随用户在控件展示区的触控操作而随意改变位置。例如，如图7所示，音乐播放界面中70显示有封面展示区71和控件展示区72，该控件展示区72位于封面展示区71的上层，且覆盖了该封面展示区的部分区域73，即该控件展示区72与该封面展示区71存在重叠区域，该重叠区域即为部分区域73。

可选地，为了实现音乐播放背景更加协调统一，进一步提升人机交互体验，上述方法还包括：获取专辑封面；对该专辑封面中的目标区域进行高斯模糊，得到模糊处理后的专辑封面，该目标区域是指该专辑封面中显示在该部分区域的封面内容；其中，模糊处理后的专辑封面用于显示在封面展示区中。例如，如图7所示，该专辑封面中的目标区域即为控件展示区72与封面展示区71的重叠区域73，对该目标区域73进行高斯模糊得到模糊处理后的专辑封面，并将该模糊处理后的专辑封面显示在封面展示区71中。

可选地，为了进一步加快图片处理的速度，上述方法还包括：对专辑封面进行压缩处理，得到压缩处理后的专辑封面，该压缩处理后的专辑封面用于高斯模糊处理，得到模糊处理后的专辑封面；对该模糊处理后的专辑封面进行解压缩处理，得到解压处理后的专辑封面，该解压处理后的专辑封面用于显示在封面展示区中。在本公开实施例中，为了提升图片处理的便捷性，可以通过设置一定的压缩比例或者压缩后尺寸来对专辑封面进行压缩处理。例如，设置压缩比例为2:1，则将专辑封面的尺寸压缩至原来的二分之一。又例如，设置压缩后尺寸为200乘100，则将专辑封面压缩至200乘100的尺寸。本公开实施例对压缩比例和压缩后尺寸的具体取值方式不作限定。

综上所述，本公开实施例提供的技术方案中，通过对专辑封面进行高斯模糊，并将模糊处理后的专辑封面显示在控件展示区的下层，使得音乐播放背景更加协调统一，且增加了音乐播放背景的显示样式，更好的满足了用户的需求。

并且，本公开实施例通过在模糊处理之前对专辑封面进行压缩处理，然后使用压缩处理后的专辑封面进行高斯模糊，提升了图片处理和图片加载的速度。

下述为本公开装置实施例，可以用于执行本公开方法实施例。对于本公开装置实施例中未披露的细节，请参照本公开方法实施例。

图8是根据一示例性实施例示出的一种界面显示装置的框图。该装置具有实现上述方法示例的功能，所述功能可以由硬件实现，也可以由硬件执行相应的软件实现。该装置可以是上文介绍的终端，也可以设置在终端中。如图8所示，该装置800可以包括：指令接收模块810、界面显示模块820、封面展示模块830和控件展示模块840。

指令接收模块810，被配置为接收对应于音乐播放界面的显示指令。

界面显示模块820，被配置为根据所述显示指令，显示所述音乐播放界面，所述音乐播放界面包括封面展示区和控件展示区。

封面展示模块830，被配置为在所述封面展示区中显示专辑封面。

控件展示模块840，被配置为在所述控件展示区中显示操作控件，且所述控件展示区的背景颜色是从所述专辑封面中选取的颜色。

在一些可能的设计中，所述背景颜色是从所述专辑封面中选取的纯色。

在一些可能的设计中，所述控件展示模块840还被配置为：获取所述专辑封面中包括的各个纯色的特征值，所述特征值包括以下任意一种：面积占比、灰度值、像素数量；将所述特征值最大或最小的纯色，确定为所述背景颜色。

在一些可能的设计中，所述背景颜色以半透明样式进行显示。

在一些可能的设计中，如图9所示，所述装置800还包括：封面获取模块850，被配置为获取所述专辑封面；模糊处理模块860，被配置为对所述专辑封面进行高斯模糊处理，得到模糊处理后的专辑封面；所述控件展示模块840，还被配置为在所述控件展示区的下层显示所述模糊处理后的专辑封面。

在一些可能的设计中，如图9所示，所述装置800还包括：封面截取模块870，被配置为从所述专辑封面中截取局部区域；所述模糊处理模块850，还被配置为对所述局部区域进行高斯模糊处理，得到所述模糊处理后的专辑封面。

在一些可能的设计中，如图9所示，所述装置800还包括压缩处理模块880和解压处理模块890：压缩处理模块880，被配置为对所述专辑封面进行压缩处理，得到压缩处理后的专辑封面，所述压缩处理后的专辑封面用于高斯模糊处理，得到所述模糊处理后的专辑封面；解压处理模块890，被配置为对所述模糊处理后的专辑封面进行解压缩处理，得到解压处理后的专辑封面，所述解压处理后的专辑封面用于在所述控件展示区的下层显示。

在一些可能的设计中，所述控件展示区位于所述封面展示区的上层，且覆盖所述封面展示区的部分区域。

在一些可能的设计中，如图9所示，所述装置800还包括：封面获取模块850，被配置为获取所述专辑封面；模糊处理模块860，被配置为对所述专辑封面中的目标区域进行高斯模糊，得到模糊处理后的专辑封面，所述目标区域是指所述专辑封面中显示在所述部分区域的封面内容；其中，所述模糊处理后的专辑封面用于显示在所述封面展示区中。

在一些可能的设计中，如图9所示，所述装置800还包括：压缩处理模块880，被配置为对所述专辑封面进行压缩处理，得到压缩处理后的专辑封面，所述压缩处理后的专辑封面用于高斯模糊处理，得到所述模糊处理后的专辑封面；解压处理模块890，被配置为对所述模糊处理后的专辑封面进行解压缩处理，得到解压处理后的专辑封面，所述解压处理后的专辑封面用于显示在所述封面展示区中。

综上所述，本公开实施例通过在音乐播放界面中显示封面展示区和控件展示区，在封面展示区中显示专辑封面，在控件展示区中显示操作控件，并选取封面展示区显示的专辑封面中的颜色作为控件展示区的背景颜色，实现了根据不同的专辑封面灵活显示不同的背景颜色，使得音乐播放界面的显示样式更具灵活性和多样性；并且，由于控件展示区的背景颜色是从专辑封面中选取的，实现了音乐播放界面中封面展示区和控件展示区这两个区域的统一与协调，提升了音乐播放界面的显示效果和人机交互体验。

另外，本公开实施例中，背景颜色是根据一定的特征值从专辑封面中选取的纯色，且该背景颜色在控件展示区以半透明的样式显示，不仅可以实现清晰辨认操作控件，也可以在视觉上给用户提供一种透亮感，进一步提升了音乐播放界面的显示效果。

本公开一示例性实施例还提供了一种界面显示装置，所述装置包括：处理器；用于存储所述处理器的可执行指令的存储器；其中，所述处理器被配置为：

接收对应于音乐播放界面的显示指令；

根据所述显示指令，显示所述音乐播放界面，所述音乐播放界面包括封面展示区和控件展示区；

在所述封面展示区中显示专辑封面；

在所述控件展示区中显示操作控件，且所述控件展示区的背景颜色是从所述专辑封面中选取的颜色。

可选地，所述背景颜色是从所述专辑封面中选取的纯色。

可选地，所述处理器还被配置为：获取所述专辑封面中包括的各个纯色的特征值，所述特征值包括以下任意一种：面积占比、灰度值、像素数量；将所述特征值最大或最小的纯色，确定为所述背景颜色。

可选地，所述背景颜色以半透明样式进行显示。

可选地，所述处理器还被配置为：获取所述专辑封面；对所述专辑封面进行高斯模糊处理，得到模糊处理后的专辑封面；在所述控件展示区的下层显示所述模糊处理后的专辑封面。

可选地，所述对所述专辑封面进行高斯模糊处理，得到模糊处理后的专辑封面，包括：从所述专辑封面中截取局部区域；对所述局部区域进行高斯模糊处理，得到所述模糊处理后的专辑封面。

可选地，所述处理器还被配置为：对所述专辑封面进行压缩处理，得到压缩处理后的专辑封面，所述压缩处理后的专辑封面用于高斯模糊处理，得到所述模糊处理后的专辑封面；对所述模糊处理后的专辑封面进行解压缩处理，得到解压处理后的专辑封面，所述解压处理后的专辑封面用于在所述控件展示区的下层显示。

可选地，所述控件展示区位于所述封面展示区的上层，且覆盖所述封面展示区的部分区域。

可选地，所述处理器还被配置为：获取所述专辑封面；对所述专辑封面中的目标区域进行高斯模糊，得到模糊处理后的专辑封面，所述目标区域是指所述专辑封面中显示在所述部分区域的封面内容；其中，所述模糊处理后的专辑封面用于显示在所述封面展示区中。

可选地，所述处理器还被配置为：对所述专辑封面进行压缩处理，得到压缩处理后的专辑封面，所述压缩处理后的专辑封面用于高斯模糊处理，得到所述模糊处理后的专辑封面；对所述模糊处理后的专辑封面进行解压缩处理，得到解压处理后的专辑封面，所述解压处理后的专辑封面用于显示在所述封面展示区中。

图10是根据一示例性实施例示出的一种装置1000的框图。例如，装置1000可以是手机、平板电脑、可穿戴设备、音乐播放设备、多媒体播放器、PC(Personal Computer，个人计算机)、车载终端、建设设备等。

参照图10，装置1000可以包括以下一个或多个组件：处理组件1002，存储器1004，电源组件1006，多媒体组件1008，音频组件1010，输入/输出(I/O)接口1012，传感器组件1014，以及通信组件1016。

处理组件1002通常控制装置1000的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件1002可以包括一个或多个处理器1020来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件1002可以包括一个或多个模块，便于处理组件1002和其他组件之间的交互。例如，处理组件1002可以包括多媒体模块，以方便多媒体组件1008和处理组件1002之间的交互。

存储器1004被配置为存储各种类型的数据以支持在装置1000的操作。这些数据的示例包括用于在装置1000上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器1004可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件1006为装置1000的各种组件提供电力。电源组件1006可以包括电源管理系统，一个或多个电源，及其他与为装置1000生成、管理和分配电力相关联的组件。

多媒体组件1008包括在所述装置1000和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件1008包括一个前置摄像头和/或后置摄像头。当装置1000处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件1010被配置为输出和/或输入音频信号。例如，音频组件1010包括一个麦克风(MIC)，当装置1000处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器1004或经由通信组件1016发送。在一些实施例中，音频组件1010还包括一个扬声器，用于输出音频信号。

I/O接口1012为处理组件1002和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件1014包括一个或多个传感器，用于为装置1000提供各个方面的状态评估。例如，传感器组件1014可以检测到装置1000的打开/关闭状态，组件的相对定位，例如所述组件为装置1000的显示器和小键盘，传感器组件1014还可以检测装置1000或装置1000一个组件的位置改变，用户与装置1000接触的存在或不存在，装置1000方位或加速/减速和装置1000的温度变化。传感器组件1014可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件1014还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件1014还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件1016被配置为便于装置1000和其他设备之间有线或无线方式的通信。装置1000可以接入基于通信标准的无线网络，如Wi-Fi，2G，3G，4G，5G，或它们的组合。在一个示例性实施例中，通信组件1016经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件1016还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置1000可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述界面显示方法。

在示例性实施例中，还提供了一种包括计算机程序的非临时性计算机可读存储介质，例如包括计算机程序的存储器1004，上述计算机程序可由装置1000的处理器1020执行以完成上述界面显示方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

应当理解的是，在本文中提及的“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (18)

1.一种界面显示方法，其特征在于，所述方法包括：

接收对应于音乐播放界面的显示指令；

根据所述显示指令，显示所述音乐播放界面，所述音乐播放界面包括封面展示区和控件展示区；

在所述封面展示区中显示专辑封面；

在所述控件展示区中显示操作控件，且所述控件展示区的背景颜色是从所述专辑封面中选取的颜色。

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

获取所述专辑封面中包括的各个纯色的特征值，所述特征值包括以下任意一种：面积占比、灰度值、像素数量；

将所述特征值最大或最小的纯色，确定为所述背景颜色。

3.根据权利要求1或2所述的方法，其特征在于，所述方法还包括：

获取所述专辑封面；

对所述专辑封面进行高斯模糊处理，得到模糊处理后的专辑封面；

在所述控件展示区的下层显示所述模糊处理后的专辑封面。

4.根据权利要求3所述的方法，其特征在于，所述对所述专辑封面进行高斯模糊处理，得到模糊处理后的专辑封面，包括：

从所述专辑封面中截取局部区域；

对所述局部区域进行高斯模糊处理，得到所述模糊处理后的专辑封面。

5.根据权利要求3所述的方法，其特征在于，所述方法还包括：

对所述专辑封面进行压缩处理，得到压缩处理后的专辑封面，所述压缩处理后的专辑封面用于高斯模糊处理，得到所述模糊处理后的专辑封面；

对所述模糊处理后的专辑封面进行解压缩处理，得到解压处理后的专辑封面，所述解压处理后的专辑封面用于在所述控件展示区的下层显示。

6.根据权利要求1或2所述的方法，其特征在于，所述控件展示区位于所述封面展示区的上层，且覆盖所述封面展示区的部分区域。

7.根据权利要求6所述的方法，其特征在于，所述方法还包括：

获取所述专辑封面；

对所述专辑封面中的目标区域进行高斯模糊，得到模糊处理后的专辑封面，所述目标区域是指所述专辑封面中显示在所述部分区域的封面内容；

其中，所述模糊处理后的专辑封面用于显示在所述封面展示区中。

8.根据权利要求7所述的方法，其特征在于，所述方法还包括：

对所述专辑封面进行压缩处理，得到压缩处理后的专辑封面，所述压缩处理后的专辑封面用于高斯模糊处理，得到所述模糊处理后的专辑封面；

对所述模糊处理后的专辑封面进行解压缩处理，得到解压处理后的专辑封面，所述解压处理后的专辑封面用于显示在所述封面展示区中。

9.一种界面显示装置，其特征在于，所述装置包括：

指令接收模块，被配置为接收对应于音乐播放界面的显示指令；

界面显示模块，被配置为根据所述显示指令，显示所述音乐播放界面，所述音乐播放界面包括封面展示区和控件展示区；

封面展示模块，被配置为在所述封面展示区中显示专辑封面；

控件展示模块，被配置为在所述控件展示区中显示操作控件，且所述控件展示区的背景颜色是从所述专辑封面中选取的颜色。

10.根据权利要求9所述的装置，其特征在于，所述控件展示模块还被配置为：

获取所述专辑封面中包括的各个纯色的特征值，所述特征值包括以下任意一种：面积占比、灰度值、像素数量；

将所述特征值最大或最小的纯色，确定为所述背景颜色。

11.根据权利要求9或10所述的装置，其特征在于，所述装置还包括：

封面获取模块，被配置为获取所述专辑封面；

模糊处理模块，被配置为对所述专辑封面进行高斯模糊处理，得到模糊处理后的专辑封面；

所述控件展示模块，还被配置为在所述控件展示区的下层显示所述模糊处理后的专辑封面。

12.根据权利要求11所述的装置，其特征在于，所述装置还包括：

封面截取模块，被配置为从所述专辑封面中截取局部区域；

所述模糊处理模块，还被配置为对所述局部区域进行高斯模糊处理，得到所述模糊处理后的专辑封面。

13.根据权利要求11所述的装置，其特征在于，所述装置还包括：

压缩处理模块，被配置为对所述专辑封面进行压缩处理，得到压缩处理后的专辑封面，所述压缩处理后的专辑封面用于高斯模糊处理，得到所述模糊处理后的专辑封面；

解压处理模块，被配置为对所述模糊处理后的专辑封面进行解压缩处理，得到解压处理后的专辑封面，所述解压处理后的专辑封面用于在所述控件展示区的下层显示。

14.根据权利要求9或10所述的装置，其特征在于，所述控件展示区位于所述封面展示区的上层，且覆盖所述封面展示区的部分区域。

15.根据权利要求14所述的装置，其特征在于，所述装置还包括：

封面获取模块，被配置为获取所述专辑封面；

模糊处理模块，被配置为对所述专辑封面中的目标区域进行高斯模糊，得到模糊处理后的专辑封面，所述目标区域是指所述专辑封面中显示在所述部分区域的封面内容；

其中，所述模糊处理后的专辑封面用于显示在所述封面展示区中。

16.根据权利要求15所述的装置，其特征在于，所述装置还包括：

压缩处理模块，被配置为对所述专辑封面进行压缩处理，得到压缩处理后的专辑封面，所述压缩处理后的专辑封面用于高斯模糊处理，得到所述模糊处理后的专辑封面；

解压处理模块，被配置为对所述模糊处理后的专辑封面进行解压缩处理，得到解压处理后的专辑封面，所述解压处理后的专辑封面用于显示在所述封面展示区中。

17.一种界面显示装置，其特征在于，所述装置包括：

处理器；

用于存储所述处理器的可执行指令的存储器；

其中，所述处理器被配置为：

接收对应于音乐播放界面的显示指令；

根据所述显示指令，显示所述音乐播放界面，所述音乐播放界面包括封面展示区和控件展示区；

在所述封面展示区中显示专辑封面；

在所述控件展示区中显示操作控件，且所述控件展示区的背景颜色是从所述专辑封面中选取的颜色。

18.一种非临时性计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至8任一项所述方法的步骤。