一种切歌的方法及装置与流程

文档序号:16324378发布日期:2018-12-19 05:50阅读:574来源:国知局
一种切歌的方法及装置与流程

本发明涉及终端技术领域,特别涉及一种切歌的方法及装置。

背景技术

目前,用户一般都会在手机中安装音乐应用,以满足用户的听歌需求。而且,音乐应用一般都具有切歌功能,利用用户方便地将当前播放的歌曲切换至上一首歌曲或下一首歌曲。

相关技术中,提供了一种手势切歌的方法,当用户想要切歌时,可以在歌曲显示界面上执行滑动操作,通过滑动操作实现快速切换。具体地,在智能终端播放当前歌曲的过程中,若在当前歌曲的显示界面检测到向左滑动的操作,则将当前歌曲切换至当前歌曲的下一首歌曲,并显示下一首歌曲的显示界面,若在当前歌曲的显示界面检测到向右滑动的操作,则将当前歌曲切换至当前歌曲的上一首歌曲,并显示上一首歌曲的显示界面。

但是,这种切歌方式的切换形式较为单一,灵活性较低。



技术实现要素:

本发明实施例提供了一种切歌的方法及装置,可以用于解决相关技术中存在的切歌形式单一,灵活性较低的问题。所述技术方案如下:

第一方面,提供了一种切歌的方法,所述方法应用于智能终端,所述智能终端包括歌曲的显示界面,所述显示界面包括所述歌曲的图像和信息显示区域,所述方法包括:

获取作用于第一歌曲的显示界面的滑动操作,所述滑动操作控制所述第一歌曲的显示界面的移动方向,所述第一歌曲的信息显示区域包括主题色过渡层和位于所述主题色过渡层下方的主题色显示层;

根据所述第一歌曲的显示界面的移动方向,确定第二歌曲及第二主题色,所述第二主题色为所述第二歌曲的第二图像的主题色;

将所述主题色显示层显示的第一主题色切换为所述第二主题色,所述第一主题色为所述第一歌曲的第一图像的主题色;

根据所述第一歌曲的显示界面的位移,设置所述第一主题色过渡层的透明度值,且所述第一歌曲的显示界面的位移越大,所述第一主题色过渡层的透明度值越小;

当所述第二图像完整移入当前显示界面时,将所述第一歌曲切换为所述第二歌曲。

可选地,所述滑动操作控制所述第一歌曲的第一图像的移动方向,所述获取作用于第一歌曲的显示界面的滑动操作之后,还包括:

根据所述滑动操作,控制所述第一图像从所述第一歌曲的显示界面中逐渐移出,并控制所述第二图像逐渐移入。

可选地,所述第一歌曲的显示界面还包括切图层,所述切图层用于显示与歌曲列表中的歌曲一一对应的图像控件,图像控件包括对应歌曲的图像;

所述根据所述滑动操作,控制所述第一图像从所述第一歌曲的显示界面中逐渐移出,并控制所述第二图像逐渐移入,包括:

根据所述滑动操作,确定第一图像控件的位移;

根据所述第一图像控件的位移和所述第一歌曲的显示界面的显示宽度,确定所述第一图像控件的偏移率;

根据所述第一图像控件的位移和偏移率,确定所述第一图像的偏移量;

按照所述第一图像的偏移量,分别将所述第一图像从所述显示界面移出,以及将所述第二图像移入。

可选地,所述根据所述第一图像控件的位移和所述第一歌曲的显示界面的显示宽度,确定所述第一图像控件的偏移率,包括:

当所述滑动操作的滑动方向向左,且所述第一图像控件的位移大于零且小于所述第一歌曲的显示界面的显示宽度时,根据所述第一图像控件的位移与所述第一歌曲的显示界面的显示宽度之间的比值,确定所述第一图像控件的偏移率;

当所述滑动操作的滑动方向向左,且所述第一图像控件的位移等于所述第一歌曲的显示界面的显示宽度时,将第一预设值确定为所述第一图像控件的偏移率;

相应地,所述根据所述第一图像控件的位移和偏移率,确定所述第一图像的偏移量,包括:

将所述第一图像控件的偏移率与所述第一图像控件的位移之间的乘积,确定为所述第一图像的偏移量。

可选地,所述根据所述第一图像控件的位移和所述第一歌曲的显示界面的显示宽度,确定所述第一图像控件的偏移率,包括:

当所述滑动操作的滑动方向向右,且所述第一图像控件的位移大于零且小于所述第一歌曲的显示界面的显示宽度时,根据第一差值与所述第一歌曲的显示界面的显示宽度之间的比值,确定所述第一图像控件的偏移率,所述第一差值是指所述第一歌曲的显示界面的显示宽度与所述第一图像控件的位移之间的差值;

当所述滑动操作的滑动方向向右,且所述第一图像控件的位移等于所述第一歌曲的显示界面的显示宽度时,将第二预设值确定为所述第一图像的偏移率;

相应地,所述根据所述第一图像控件的位移和偏移率,确定所述第一图像的偏移量,包括:

将第二差值与所述第一图像控件的位移之间的乘积,确定为所述第一图像的偏移量,所述第二差值是指第一预设值与所述第一图像控件的偏移率之间的差值。

可选地,所述根据所述第一歌曲的显示界面的位移,设置所述第一主题色过渡层的透明度值,包括:

根据所述第一图像控件的偏移率,设置所述主题色过渡层的透明度值。

可选地,所述根据所述第一图像控件的偏移率,设置所述主题色过渡层的透明度值,包括:

当所述滑动操作的滑动方向向左时,将所述主题色过渡层的透明度值设置为第一预设值与所述第一图像控件的偏移率之间的差值;

当所述滑动操作的滑动方向向右时,将所述主题色过渡层的透明度值设置为所述第一图像控件的偏移率。

可选地,所述根据所述第一图像控件的偏移率,设置所述主题色过渡层的透明度值之前,还包括:

获取所述主题色过渡层的透明度值的变化量;

当所述主题色过渡层的透明度值的变化量小于或等于第三预设值时,执行所述跟据所述第一图像控件的偏移率,设置所述主题色过渡层的透明度值的步骤。

可选地,所述获取所述主题色过渡层的透明度值的变化量之后,还包括:

当所述主题色过渡层的透明度值的变化量大于第三预设值时,将所述主题色过渡层的透明度值设置为初始值。

可选地,所述根据所述第一歌曲的显示界面的移动方向,确定第二歌曲,包括:

当所述第一歌曲的显示界面的移动方向向左时,将所述第一歌曲的下一首歌曲确定为所述第二歌曲;

当所述第一歌曲的显示界面的移动方向向右时,将所述第一歌曲的上一首歌曲确定为所述第二歌曲。

可选地,所述确定第二主题色,包括:

当本地存储空间中已存储有所述第二主题色时,从本地存储空间中获取所述第二主题色;

当本地存储空间中未存储有所述第二主题色时,获取所述第二图像;确定多个像素值区间中的每个像素值区间对应的像素点数量,每个像素值区间对应的像素点数量是指所述第二图像包括的像素点中像素值位于所述每个像素值区间的像素点的数量;确定所述第二图像包括的像素点中像素值位于第二像素值区间的多个像素点的像素值均值,所述第二像素值区间是指所述多个像素值区间中对应的像素点数量最多的像素值区间;根据所述像素值均值,确定所述第二主题色。

第二方面,提供了一种切歌的装置,所述装置应用于智能终端,所述智能终端包括歌曲的显示界面,所述显示界面包括所述歌曲的图像和信息显示区域,所述装置包括:

第一获取模块,用于获取作用于第一歌曲的显示界面的滑动操作,所述滑动操作控制所述第一歌曲的显示界面的移动方向,所述第一歌曲的信息显示区域包括主题色过渡层和位于所述主题色过渡层下方的主题色显示层;

确定模块,用于根据所述第一歌曲的显示界面的移动方向,确定第二歌曲及第二主题色,所述第二主题色为所述第二歌曲的第二图像的主题色;

第一切换模块,用于将所述主题色显示层显示的第一主题色切换为所述第二主题色,所述第一主题色为所述第一歌曲的第一图像的主题色;

第一设置模块,用于根据所述第一歌曲的显示界面的位移,设置所述第一主题色过渡层的透明度值,且所述第一歌曲的显示界面的位移越大,所述第一主题色过渡层的透明度值越小;

第二切换模块,用于当所述第二图像完整移入当前显示界面时,将所述第一歌曲切换为所述第二歌曲。

可选地,所述滑动操作控制所述第一歌曲的第一图像的移动方向,所述装置还包括:

控制模块,用于根据所述滑动操作,控制所述第一图像从所述第一歌曲的显示界面中逐渐移出,并控制所述第二图像逐渐移入。

可选地,所述第一歌曲的显示界面还包括切图层,所述切图层用于显示与歌曲列表中的歌曲一一对应的图像控件,图像控件包括对应歌曲的图像;

所述控制模块包括:

第一确定单元,用于根据所述滑动操作,确定第一图像控件的位移;

第二确定单元,用于根据所述第一图像控件的位移和所述显示界面的显示宽度,确定所述第一图像控件的偏移率;

第三确定单元,用于根据所述第一图像控件的位移和偏移率,确定所述第一图像的偏移量;

移动单元,用于按照所述第一图像的偏移量,分别将所述第一图像从所述显示界面移出,以及将所述第二图像移入。

可选地,所述第二确定单元用于:

当所述滑动操作的滑动方向向左,且所述第一图像控件的位移大于零且小于所述显示界面的显示宽度时,根据所述第一图像控件的位移与所述显示界面的显示宽度之间的比值,确定所述第一图像控件的偏移率;

当所述滑动操作的滑动方向向左,且所述第一图像控件的位移等于所述显示界面的显示宽度时,将第一预设值确定为所述第一图像控件的偏移率;

相应地,所述第三确定单元用于:

将所述第一图像控件的偏移率与所述第一图像控件的位移之间的乘积,确定为所述第一图像的偏移量。

可选地,所述第二确定单元用于:

当所述滑动操作的滑动方向向右,且所述第一图像控件的位移大于零且小于所述显示界面的显示宽度时,根据第一差值与所述显示界面的显示宽度之间的比值,确定所述第一图像控件的偏移率,所述第一差值是指所述显示界面的显示宽度与所述第一图像控件的位移之间的差值;

当所述滑动操作的滑动方向向右,且所述第一图像控件的位移等于所述显示界面的显示宽度时,将第二预设值确定为所述第一图像的偏移率;

相应地,所述第三确定单元用于:

将第二差值与所述第一图像控件的位移之间的乘积,确定为所述第一图像的偏移量,所述第二差值是指第一预设值与所述第一图像控件的偏移率之间的差值。

可选地,所述第一设置模块包括:

设置单元,用于根据所述第一图像控件的偏移率,设置所述主题色过渡层的透明度值。

可选地,所述设置单元用于:

当所述滑动操作的滑动方向向左时,将所述主题色过渡层的透明度值设置为第一预设值与所述第一图像控件的偏移率之间的差值;

当所述滑动操作的滑动方向向右时,将所述主题色过渡层的透明度值设置为所述第一图像控件的偏移率。

可选地,所述装置还包括:

第二获取模块,用于获取所述主题色过渡层的透明度值的变化量;

触发模块,用于当所述主题色过渡层的透明度值的变化量小于或等于第三预设值时,触发所述第一设置模块跟据所述第一图像控件的偏移率,设置所述主题色过渡层的透明度值。

可选地,所述装置还包括:

第二设置模块,用于当所述主题色过渡层的透明度值的变化量大于第三预设值时,将所述主题色过渡层的透明度值设置为初始值。

可选地,所述确定模块用于:

当所述第一歌曲的显示界面的移动方向向左时,将所述第一歌曲的下一首歌曲确定为所述第二歌曲;

当所述第一歌曲的显示界面的移动方向向右时,将所述第一歌曲的上一首歌曲确定为所述第二歌曲。

可选地,所述确定模块包括:

第一获取单元,用于当本地存储空间中已存储有所述第二主题色时,从本地存储空间中获取所述第二主题色;

第二获取单元,用于当本地存储空间中未存储有所述第二主题色时,获取所述第二图像;确定多个像素值区间中的每个像素值区间对应的像素点数量,每个像素值区间对应的像素点数量是指所述第二图像包括的像素点中像素值位于所述每个像素值区间的像素点的数量;确定所述第二图像包括的像素点中像素值位于第二像素值区间的多个像素点的像素值均值,所述第二像素值区间是指所述多个像素值区间中对应的像素点数量最多的像素值区间;根据所述像素值均值,确定所述第二主题色。

第三方面,提供了一种切歌的装置,所述装置包括:

处理器;

用于存储处理器可执行指令的存储器;

其中,所述处理器被配置为执行上述任一种切歌的方法的步骤。

第四方面,提供了一种计算机可读存储介质,所述计算机可读存储介质上存储有指令,其特征在于,所述指令被处理器执行时实现上述任一种切歌的方法的步骤。

本发明实施例提供的技术方案带来的有益效果是:

本发明实施例中,智能终端包括歌曲的显示界面,歌曲的显示界面包括歌曲的图像和信息显示区域,信息显示区域包括主题色显示层和其下方的主题色过渡层,当获取到作用于第一歌曲的显示界面的滑动操作,且该滑动操作用于控制第一歌曲的显示界面的移动方向时,可以根据第一歌曲的显示界面的移动方向,确定第二歌曲及第二歌曲的主题色,将主题色显示层显示的第一主题色切换为第二主题色,并根据第一歌曲的显示界面的位移,设置第一主题色过渡层的透明度值,当第二歌曲的第二图像完整移入当前显示界面时,将第一歌曲切换为第二歌曲。通过将主题色过渡层显示的第一图像的主题色切换为第二图像的主题色,并根据第一歌曲的显示界面的位移,改变主题色过渡层的透明度值,可以使得信息显示区域的主题色逐渐过渡为下一张图像的主题色。如此,丰富了切歌过程中图像和主题色的切换形式,提高了切歌展示效果,增加了灵活性。

附图说明

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

图1是本发明实施例提供的一种第一歌曲的显示界面的示意图;

图2是本发明实施例提供的另一种第一歌曲的显示界面的示意图;

图3是本发明实施例提供的一种切歌的方法的流程图;

图4是本发明实施例提供的另一种切歌的方法的流程图;

图5是本发明实施例提供的又一种第一歌曲的显示界面的示意图;

图6是本发明实施例提供的又一种第一歌曲的显示界面的示意图;

图7是本发明实施例提供的一种实现图像的擦除效果的流程图;

图8是本发明实施例提供的又一种第一歌曲的显示界面的示意图;

图9是本发明实施例提供的又一种第一歌曲的显示界面的示意图;

图10是本发明实施例提供的一种实现主题色的过渡效果的流程图;

图11是本发明实施例提供的一种切歌的装置的结构示意图;

图12是本发明实施例提供的智能终端1200的结构框图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。

在对本发明实施例进行详细地解释说明之前,先对本发明实施例的实施环境进行介绍。

本发明实施例提供的切歌的方法应用于智能终端中,该智能终端可以为手机、平板电脑或计算机等。而且,该智能终端具有歌曲播放功能,并支持手势切歌,也即是,在基于当前歌曲的显示界面检测到滑动操作时,可以根据滑动方向将当前歌曲切换至上一首歌曲或下一首歌曲。进一步地,该智能终端可以通过安装的音乐应用播放歌曲,以及实现本发明实施例提供的切歌的方法。

本发明实施例中,歌曲的显示界面可以包括歌曲的图像和信息显示区域,歌曲的图像可以为歌曲的专辑图,歌曲的信息显示区域可以用于显示歌曲的歌词或其他歌曲信息。

图1是本发明实施例提供的一种第一歌曲的显示界面的示意图,如图1所示,该显示界面包括第一图像11和信息显示区域12。

其中,第一图像11是指第一歌曲的图像,具体可以为第一歌曲的专辑图,如第一歌曲的专辑封面、歌手的写真照或mv截图等。而且,切歌过程中,第一歌曲的显示界面可以逐渐切换为第二歌曲的显示界面。具体地,切歌过程中,第一图像11可以从显示界面逐渐移出,第二图像将随着第一图像11移出逐渐移入,从而实现了图像的渐渐擦除效果。第二图像为待切换的第二歌曲的图像。

其中,信息显示区域12用于显示第一歌曲的相关信息,如第一歌曲的歌词、歌曲介绍或评论信息等,而且,信息显示区域12具有背景色,第一歌曲播放过程中,信息显示区域12的背景色为第一图像11的主题色即第一主题色,切歌过程中,信息显示区域12的背景色还可以渐渐过渡为第二图像的主题色即第二主题色,从而实现了动态流畅的切歌效果。

需要说明的是,第一图像11和信息显示区域12各占据显示界面的不同区域,图1仅是以第一图像11占据显示界面的上部区域,信息显示区域12占据显示界面的下部区域为例进行说明,而实际应用中,还可以是第一图像11占据显示界面的下部区域,信息显示区域12占据显示界面的上部区域,或者按照其他方式进行布局,本发明实施例对此不做限定。

具体地,第一歌曲的显示界面由多个显示层构成,第一图像11和信息显示区域12可以基于该多个显示层实现。图2是本发明实施例提供的另一种第一歌曲的显示界面的示意图,如图2所示,该显示界面包括切图层21、主题色过渡层22和主题色显示层23,主题色过渡层22位于切图层21下方,主题色显示层23位于主题色过渡层22下方。

其中,切图层21用于展示歌曲的图像,并根据滑动操作实现图像之间的循环滚动。具体地,系统中提供有图像控件列表,图像控件列表包括与歌曲列表中的歌曲一一对应的图像控件,图像控件包括对应歌曲的图像等信息,切图层21可以通过显示图像控件列表中的图像控件,来显示对应歌曲的图像,以及实现图像的循环滚动。例如,以第一歌曲具有上一首歌曲和下一首歌曲为例,切图层21可以实现在上一首歌曲的图像、第一歌曲的图像以及下一首歌曲的图像之间的循环滚动。

其中,主题色过渡层22和主题色显示层23用于实现信息显示区域12的背景色的过渡效果。具体地,主题色显示层23用于在第一歌曲的播放过程中显示第一主题色,以及在切歌过程中显示第二主题色。主题色过渡层22用于在切歌过程中,根据第一图像的移动距离,动态改变主题色过渡层22的透明度值,且第一图像的移动距离越大,主题色过渡层22的透明度值越低。由于透明度值与透明度状态呈反比,因此,第一图像的移动距离越大,主题色过渡层22的透明度值越低,而主题色过渡层22的透明度越高。又由于主题色过渡层22位于主题色显示层23的上方,因此,主题色过渡层22的透明度越高,主题色显示层23显示的第二主题色也就越清晰,通过主题色过渡层22的透明度的改变,即可实现将信息显示区域12的背景色从第一主题色逐渐过渡为第二主题色。

图3是本发明实施例提供的一种切歌的方法的流程图,该方法用于智能终端,该智能终端包括歌曲的显示界面,该显示界面包括歌曲的图像和信息显示区域。参见图3,该方法包括如下步骤:

步骤301:获取作用于第一歌曲的显示界面的滑动操作,该滑动操作控制该第一歌曲的显示界面的移动方向,该第一歌曲的信息显示区域包括主题色过渡层和位于该主题色过渡层下方的主题色显示层。

步骤302:根据该第一歌曲的显示界面的移动方向,确定第二歌曲及第二主题色,该第二主题色为该第二歌曲的第二图像的主题色。

步骤303:将该主题色显示层显示的第一主题色切换为该第二主题色,该第一主题色为该第一歌曲的第一图像的主题色。

步骤304:根据该第一歌曲的显示界面的位移,设置该第一主题色过渡层的透明度值,且该第一歌曲的显示界面的位移越大,该第一主题色过渡层的透明度值越小。

步骤305:当该第二图像完整移入当前显示界面时,将该第一歌曲切换为该第二歌曲。

本发明实施例中,智能终端包括歌曲的显示界面,歌曲的显示界面包括歌曲的图像和信息显示区域,信息显示区域包括主题色显示层和其下方的主题色过渡层,当获取到作用于第一歌曲的显示界面的滑动操作,且该滑动操作用于控制第一歌曲的显示界面的移动方向时,可以根据第一歌曲的显示界面的移动方向,确定第二歌曲及第二歌曲的主题色,将主题色显示层显示的第一主题色切换为第二主题色,并根据第一歌曲的显示界面的位移,设置第一主题色过渡层的透明度值,当第二歌曲的第二图像完整移入当前显示界面时,将第一歌曲切换为第二歌曲。通过将主题色过渡层显示的第一图像的主题色切换为第二图像的主题色,并根据第一歌曲的显示界面的位移,改变主题色过渡层的透明度值,可以使得信息显示区域的主题色逐渐过渡为下一张图像的主题色。如此,丰富了切歌过程中图像和主题色的切换形式,提高了切歌展示效果,增加了灵活性。

可选地,该滑动操作控制该第一歌曲的第一图像的移动方向,该获取作用于第一歌曲的显示界面的滑动操作之后,还包括:

根据该滑动操作,控制该第一图像从该第一歌曲的显示界面中逐渐移出,并控制该第二图像逐渐移入。

可选地,该第一歌曲的显示界面还包括切图层,该切图层用于显示与歌曲列表中的歌曲一一对应的图像控件,图像控件包括对应歌曲的图像;

该根据该滑动操作,控制该第一图像从该第一歌曲的显示界面中逐渐移出,并控制该第二图像逐渐移入,包括:

根据该滑动操作,确定第一图像控件的位移;

根据该第一图像控件的位移和该第一歌曲的显示界面的显示宽度,确定该第一图像控件的偏移率;

根据该第一图像控件的位移和偏移率,确定该第一图像的偏移量;

按照该第一图像的偏移量,分别将该第一图像从该显示界面移出,以及将该第二图像移入。

可选地,该根据该第一图像控件的位移和该第一歌曲的显示界面的显示宽度,确定该第一图像控件的偏移率,包括:

当该滑动操作的滑动方向向左,且该第一图像控件的位移大于零且小于该第一歌曲的显示界面的显示宽度时,根据该第一图像控件的位移与该第一歌曲的显示界面的显示宽度之间的比值,确定该第一图像控件的偏移率;

当该滑动操作的滑动方向向左,且该第一图像控件的位移等于该第一歌曲的显示界面的显示宽度时,将第一预设值确定为该第一图像控件的偏移率;

相应地,该根据该第一图像控件的位移和偏移率,确定该第一图像的偏移量,包括:

将该第一图像控件的偏移率与该第一图像控件的位移之间的乘积,确定为该第一图像的偏移量。

可选地,该根据该第一图像控件的位移和该第一歌曲的显示界面的显示宽度,确定该第一图像控件的偏移率,包括:

当该滑动操作的滑动方向向右,且该第一图像控件的位移大于零且小于该第一歌曲的显示界面的显示宽度时,根据第一差值与该第一歌曲的显示界面的显示宽度之间的比值,确定该第一图像控件的偏移率,该第一差值是指该第一歌曲的显示界面的显示宽度与该第一图像控件的位移之间的差值;

当该滑动操作的滑动方向向右,且该第一图像控件的位移等于该第一歌曲的显示界面的显示宽度时,将第二预设值确定为该第一图像的偏移率;

相应地,该根据该第一图像控件的位移和偏移率,确定该第一图像的偏移量,包括:

将第二差值与该第一图像控件的位移之间的乘积,确定为该第一图像的偏移量,该第二差值是指第一预设值与该第一图像控件的偏移率之间的差值。

可选地,该根据该第一歌曲的显示界面的位移,设置该第一主题色过渡层的透明度值,包括:

根据该第一图像控件的偏移率,设置该主题色过渡层的透明度值。

可选地,该根据该第一图像控件的偏移率,设置该主题色过渡层的透明度值,包括:

当该滑动操作的滑动方向向左时,将该主题色过渡层的透明度值设置为第一预设值与该第一图像控件的偏移率之间的差值;

当该滑动操作的滑动方向向右时,将该主题色过渡层的透明度值设置为该第一图像控件的偏移率。

可选地,该根据该第一图像控件的偏移率,设置该主题色过渡层的透明度值之前,还包括:

获取该主题色过渡层的透明度值的变化量;

当该主题色过渡层的透明度值的变化量小于或等于第三预设值时,执行该跟据该第一图像控件的偏移率,设置该主题色过渡层的透明度值的步骤。

可选地,该获取该主题色过渡层的透明度值的变化量之后,还包括:

当该主题色过渡层的透明度值的变化量大于第三预设值时,将该主题色过渡层的透明度值设置为初始值。

可选地,该根据该第一歌曲的显示界面的移动方向,确定第二歌曲,包括:

当该第一歌曲的显示界面的移动方向向左时,将该第一歌曲的下一首歌曲确定为该第二歌曲;

当该第一歌曲的显示界面的移动方向向右时,将该第一歌曲的上一首歌曲确定为该第二歌曲。

可选地,该确定第二主题色,包括:

当本地存储空间中已存储有该第二主题色时,从本地存储空间中获取该第二主题色;

当本地存储空间中未存储有该第二主题色时,获取该第二图像;确定多个像素值区间中的每个像素值区间对应的像素点数量,每个像素值区间对应的像素点数量是指该第二图像包括的像素点中像素值位于该每个像素值区间的像素点的数量;确定该第二图像包括的像素点中像素值位于第二像素值区间的多个像素点的像素值均值,该第二像素值区间是指该多个像素值区间中对应的像素点数量最多的像素值区间;根据该像素值均值,确定该第二主题色。

上述所有可选技术方案,均可按照任意结合形成本发明的可选实施例,本发明实施例对此不再一一赘述。

图4是本发明实施例提供的另一种切歌的方法的流程图,该方法用于智能终端中。参见图4,该方法包括如下步骤:

步骤401:显示第一歌曲的显示界面,第一歌曲的显示界面包括第一图像和信息显示区域,信息显示区域包括主题色过渡层和位于主题色过渡层下方的主题色显示层,第一图像为第一歌曲的图像。

在显示第一歌曲的显示界面的过程中,智能终端可以播放第一歌曲,也即是,第一歌曲可以为智能终端当前播放的歌曲。具体地,智能终端可以根据歌曲播放指令,显示第一歌曲的显示界面,也可以在播放歌曲列表的过程中,按照列表顺序显示第一歌曲的显示界面。

其中,第一图像可以为第一歌曲的专辑图,比如第一歌曲的专辑封面或歌手的写真等。信息显示区域用于显示第一歌曲的相关信息,如第一歌曲的歌词、歌曲介绍或评论等,而且,信息显示区域包括主题色过渡层和主题色显示层,主题色显示层位于主题色过渡层下方,信息显示区域中要显示的信息可以在主题色过渡层上显示。另外,信息显示区域具有背景色,第一歌曲播放过程中,信息显示区域的背景色为第一主题色。第一主题色是指第一图像的主题色,即第一主题色的颜色值是第一图像中像素值接近且数量最多的目标像素点的像素值的均值。

在一个实施例中,第一歌曲的显示界面包括切图层、主题色过渡层和主题色显示层,切歌层占据显示界面的第一显示区域,主题色过渡层和主题色显示层占据显示界面的第二显示区域,且主题色显示层在主题色过渡层下方。第一图像在切图层上显示,信息显示区域上的信息在主题色过渡层上显示。

示例的,如图2所示,切歌层占据显示界面的上部区域,主题色过渡层和主题色显示层占据占据整个显示界面,且切歌层在主题色过渡层的上方,主题色显示层在主题色过渡层的下方。在第一歌曲的播放过程中,切歌层上显示有第一图像,主题色过渡层上显示有第一歌曲的歌词。而且,主题色过渡层的透明度值为最小透明度值,即主题色过渡层的透明度最大,主题色显示层的背景色为第一主题色,从而使得第一歌曲的歌词的背景色为第一主题色。

图5是本发明实施例提供的又一种第一歌曲的显示界面的示意图,如图5所示,该显示界面包括上方的第一图像和下方的信息显示区域,该信息显示区域用于显示第一歌曲的歌词。

相关技术中,第一歌曲的显示界面一般包括第一图像或歌词,界面布局较为单一,而本发明实施例中,第一歌曲的显示界面同时包括第一图像和信息显示区域,界面布局更加丰富,提高了歌曲展示效果。

步骤402:获取作用于第一歌曲的显示界面的滑动操作,该滑动操作控制第一歌曲的显示界面的移动方向。

本发明实施例中,智能终端支持手势切歌,在播放第一歌曲时,用户可以用手指在第一歌曲的显示界面上执行滑动操作,以通过滑动操作触发切歌。而智能终端可以检测并获取作用于第一歌曲的显示界面的滑动操作,以根据滑动操作控制第一歌曲的显示界面的移动方向,以及将当前播放的第一歌曲切换为第二歌曲。其中,该滑动操作可以是作用于第一图像的滑动操作,也可以是作用于信息显示区域的滑动操作,本发明实施例对此不做限定。

具体地,当用户的手指在显示界面向左滑动,即该滑动操作的滑动反向向左时,可以控制第一歌曲的显示界面向左移动,当用户的手指在显示界面上向右滑动,即该滑动操作的滑动方向向右时,可以控制第一歌曲的显示界面向右移动。

进一步地,该滑动操作还可以用于控制第一图像的移动方向,也即是,作用于第一歌曲的显示界面仅用于控制显示界面中第一图像的移动,而信息显示区域并不发生移动。具体地,当滑动操作的滑动反向向左时,可以控制第一图像向左移动,当该滑动操作的滑动方向向右时,可以控制第一图像向右移动。

步骤403:根据第一歌曲的显示界面的移动方向,确定第二歌曲及第二主题色,第二主题色为第二图像的主题色。

本发明实施例中,当开始检测到作用于第一歌曲的显示界面的滑动操作时,需要先根据滑动操作确定待切换的第二歌曲,并获取第二歌曲的图像的主题色作为第二主题色。

具体地,根据第一歌曲的显示界面的移动方向,确定第二歌曲包括:当第一歌曲的显示界面的移动方向向左时,将第一歌曲的下一首歌曲确定为第二歌曲;当第一歌曲的显示界面的移动方向向右时,将第一歌曲的上一首歌曲确定为所述第二歌曲。当然,也可以反向设置,本发明实施例对此不做限定。

具体地,确定第二主题色包括:先判断本地存储空间中是否存储有第二主题色,当本地存储空间中已存储有该第二主题色时,从本地存储空间中获取该第二主题色;当本地存储空间中未存储有该第二主题色时,则可以先获取第二图像,然后根据第二图像,确定第二主题色。

其中,获取第二图像包括:从图像空间列表中的第二图像控件中获取第二图像,或者,从本地存储空间中获取第二图像,或者,从网络上下载第二图像。

其中,根据第二图像,确定第二主题色包括:确定多个像素值区间中的每个像素值区间对应的像素点数量,每个像素值区间对应的像素点数量是指该第二图像包括的像素点中像素值位于该每个像素值区间的像素点的数量;确定该第二图像包括的像素点中像素值位于第二像素值区间的多个像素点的像素值均值,该第二像素值区间是指该多个像素值区间中对应的像素点数量最多的像素值区间;根据该像素值均值,确定该第二主题色。其中,多个像素值区间是预对像素点允许的整个像素值区间进行划分得到。

也即是,先确定第二图像中像素值相似且数量最多的目标像素点,然后确定目标像素点的像素点均值,并将目标像素点的像素点均值确定为第二主题色的主题色值。

在另一实施例中,当本地存储空间中未存储有第二主题色,或根据第二图像,无法确定第二主题色时,还可以将预先存储的目标主题色确定为第二主体色,本发明实施例对此不做限定。

步骤404:将主题色显示层显示的第一主题色切换为第二主题色,第一主题色为第一图像的主题色。

在播放第一歌曲时,主题色显示层显示的是第一图像的主题色,也即是,信息显示区域的背景色为第一主题色,而一旦基于第一歌曲的显示界面检测到滑动操作,即可将题色显示层显示的第一主题色切换为第二图像的主题色,然后结合主题色过渡层的透明度值实现主题色的过渡效果。

步骤405:根据该滑动操作,控制第一歌曲的显示界面从当前显示屏幕移出,并控制第二歌曲的显示界面向当前显示屏幕移入。

具体地,根据该滑动操作,控制第一歌曲的显示界面从当前显示屏幕移出,并控制第二歌曲的显示界面向当前显示屏幕移入包括:根据该滑动操作,控制第一图像从第一歌曲的显示界面中逐渐移出,并控制第二图像逐渐移入。

其中,第二图像为第二歌曲的图像,第二歌曲为根据滑动操作确定的待切换的歌曲,具体可以为第一歌曲的下一首歌曲或上一首歌曲。示例的,当该滑动操作的滑动方向向左时,第二歌曲为第一歌曲的下一首歌曲;当滑动操作的滑动方向向右时,第二歌曲为该第一歌曲的上一首歌曲。当然,也可以反向设置,本发明实施例对此不做限定。

本发明实施例中,在切歌过程中,还支持图像的循环滚动,也即是,可以根据滑动操作,控制当前的第一图像从该显示界面逐渐移出,使得第一图像呈现出从该显示界面中渐渐擦除的效果,并控制第二图像逐渐向显示界面移入,使得第二图像呈现出渐渐移入的效果。例如,参见图6,可以根据作用于第一歌曲的显示界面的滑动操作,将第一图像逐渐向左移出,并将第二图像即下一首歌曲的图像逐渐移入。

具体地,第一歌曲的显示界面还可以包括切图层,该切图层用于显示图像控件列表中的图像控件,根据该滑动操作,控制第一图像从该显示界面逐渐移出,并控制第二图像逐渐移入的操作可以包括:根据该滑动操作,确定第一图像控件的位移;根据第一图像控件的位移和该显示界面的显示宽度,确定第一图像控件的偏移率;根据第一图像控件的位移和偏移率,确定第一图像的偏移量;按照第一图像的偏移量,分别将第一图像从该显示界面移出,以及将第二图像移入。

其中,图像控件列表包括与当前播放的歌曲列表中的歌曲一一对应的图像控件,每个图像控件包括对应歌曲的图像,第一图像控件是指包括第一图像的图像控件。也即是,显示界面可以通过切图层和图像控件列表实现对图像的循环滚动显示。示例的,以该智能终端支持android(安卓)系统为例,图像控件列表可以为android系统提供的recyclerview。在一个实施例中,可以通过重写系统提供的图像控件列表实现图像的循环滚动,实现过程中,可以在对图像控件列表初始化时将列表的长度设置为integer的最大值,比如7fffffff(2147483647),并且将基准位置调整到图像控件列表的最中间,滑动图像的效果主要是利用了实时获取滑动距离来动态规划左,中,右三张图像的坐标位置来实现的。其中,左,中,右三张图像是指上一张图像、当前歌曲的图像以及下一张图像。

具体地,根据该滑动操作,确定第一图像控件的位移包括:检测该滑动操作的滑动距离,根据预先设置的滑动距离和控件位移之间的对应关系,确定第一图像控件的位移。其中,该滑动距离是指用户的手指在该第一歌曲的显示界面上滑过的距离,实际应用中,滑动距离越大,第一图像控件的位移越大。

也即是,本发明实施例中,可以实时检测滑动操作的滑动距离,并根据滑动距离对应移动第一图像控件的位置。而且,智能终端预先存储有滑动距离和控件位移之间的对应关系,并可以实时根据滑动操作的滑动距离,以及滑动距离和控件位移之间的对应关系,确定第一图像控件的位移,然后按照第一图像控件的位移将第一图像控件从该显示界面中移出,以及将第二图像控件向该显示界面移入。第二图像控件是指图像控件列表中包括第二图像的图像控件。

在一个实施例中,可以将第一图像控件的位移定义为第一图像控件的左边界距离显示屏幕的左边框的距离,且若第一图像控件的左边界位于显示屏幕的左边框的左侧,则将第一图像控件的位移定义为负值,若第一图像控件的左边界位于显示屏幕的左边框的右侧,则将第一图像控件的位移定义为正值。如此,还可以在确定第一图像控件的位移之后,根据第一图像控件的位移的正负,判断切歌方向。例如,当第一图像控件的位移为负值时,将切歌方向确定为切换至下一首歌曲的方向,当第一图像控件的位移为正值时,将切歌方向确定为切换至上一首歌曲的方向。

具体地,根据第一图像控件的位移和显示界面的显示宽度,确定第一图像控件的偏移率包括以下两种实现方式:

第一种实现方式:当第一图像控件的位移的绝对值大于零且小于该显示界面的显示宽度时,根据第一图像控件的位移的绝对值与该显示界面的显示宽度之间的比值,确定第一图像控件的偏移率;当第一图像控件的位移的绝对值等于该显示界面的显示宽度时,将第一预设值确定为第一图像控件的偏移率。

其中,第一预设值为预先设置的最大偏移率,例如,当第一图像控件的偏移率在0和1之间取值时,第一预设值可以为1。根据第一图像控件的位移的绝对值与该显示界面的显示宽度之间的比值,确定第一图像控件的偏移率包括:将第一图像控件的位移的绝对值与该显示界面的显示宽度之间的比值,确定为第一图像控件的偏移率。或者,对第一图像控件的位移的绝对值与该显示界面的显示宽度之间的比值进行数据转换,将转换后的数据确定为第一图像控件的偏移率。

例如,若第一图像控件的位移为left,该显示界面的显示宽度为width,第一图像控件的偏移率为rate,则当0≤|left|≤width时,rate=|left|*if/width;当|left|=width时,rate=1。其中,if是指对|left|/width进行数据转换,以将|left|/width的数据格式转换为rate的数据格式。

进一步地,在确定left之前,还可以先确定滑动操作的滑动方向,若滑动方向向左,且0≤|left|≤width,则rate=-left*if/width;若滑动方向向左,且|left|=width,则rate=1;若滑动方向向右,且0≤|left|≤width,则rate=left*if/width;若滑动方向向右,且|left|=width,则rate=1。

需要说明的是,在第一种实现方式中,无论滑动操作的滑动方向是向左还是向右,均采用了相同的方式来确定第一图像控件的偏移率,算法得到应用较为简便。

第二种实现方式:根据滑动操作方向的不同包括以下两种确定方式。

1)当该滑动操作的滑动方向向左,且该第一图像控件的位移大于零且小于该显示界面的显示宽度时,根据该第一图像控件的位移与该显示界面的显示宽度之间的比值,确定该第一图像控件的偏移率;当该滑动操作的滑动方向向左,且该第一图像控件的位移等于该显示界面的显示宽度时,将第一预设值确定为该第一图像控件的偏移率。

其中,第一预设值为预先设置的最大偏移率,例如,当第一图像控件的偏移率在0和1之间取值时,第一预设值可以为1。根据第一图像控件的位移的绝对值与该显示界面的显示宽度之间的比值,确定第一图像控件的偏移率包括:将第一图像控件的位移的绝对值与该显示界面的显示宽度之间的比值,确定为第一图像控件的偏移率。或者,对第一图像控件的位移的绝对值与该显示界面的显示宽度之间的比值进行数据转换,将转换后的数据确定为第一图像控件的偏移率。

需要说明的是,第二种实现方式中所述的位移均是指位移的大小,不包括位移的方向。进一步地,考虑位移的方向,并在位移方向向左时,将第一图像控件的位移定义为负值,位移向右时,将第一图像控件的位移定义为正值,假设第一图像控件的位移为left,该显示界面的显示宽度为width,第一图像控件的偏移率为rate,则当滑动操作的滑动方向向左,且-width<left<0时,rate=-left*if/width;当left=-width时,rate=1。其中,if是指对-left/width进行数据转换,以将-left/width的数据格式转换为rate要求的数据格式。

2)当该滑动操作的滑动方向向右,且第一图像控件的位移的绝对值大于零且小于该显示界面的显示宽度时,根据第一差值与该显示界面的显示宽度之间的比值,确定第一图像控件的偏移率,第一差值是指该显示界面的显示宽度与第一图像控件的位移之间的差值;当该滑动操作的滑动方向向右,且第一图像控件的位移等于该显示界面的显示宽度时,将第二预设值确定为第一图像的偏移率。

其中,第二预设值为预先设置的最小偏移率,例如,当第一图像控件的偏移率在0和1之间取值时,第一预设值可以为0。根据第一差值与该显示界面的显示宽度之间的比值,确定第一图像控件的偏移率包括:将第一差值与该显示界面的显示宽度之间的比值,确定为第一图像控件的偏移率。或者,对第一差值与该显示界面的显示宽度之间的比值进行数据转换,将转换后的数据确定为第一图像控件的偏移率。

需要说明的是,第二种实现方式中所述的位移均是指位移的大小,不包括位移的方向。进一步地,考虑位移的方向,并在位移方向向左时,将第一图像控件的位移定义为负值,位移向右时,将第一图像控件的位移定义为正值,假设第一图像控件的位移为left,该显示界面的显示宽度为width,第一图像控件的偏移率为rate,则当滑动操作的滑动方向向右,0<left<width时,rate=(width-left)*if/width;当left=width时,rate=0。其中,if是指对(width-left)/width进行数据转换,以将(width-left)/width的数据格式转换为rate要求的数据格式。

需要说明的是,在第二种实现方式中,根据滑动操作的滑动方向的不同,采用了两种不同的方式确定第一图像控件的偏移率,精确度更高。

具体地,根据第一图像控件的位移和偏移率,确定第一图像的偏移量,包括以下两种实现方式:

第一种实现方式:若采用上述第一种实现方式确定第一图像控件的偏移率,则将第一图像控件的偏移率与第一图像控件的位移之间的乘积,确定为第一图像的偏移量。

例如,假设第一图像控件的位移为left,第一图像控件的偏移率为rate,则第一图像的偏移量=rate*left。

第二种实现方式:若采用上述第二种实现方式确定第一图像控件的偏移率,则当滑动操作的滑动方向向左时,将第一图像控件的偏移率与第一图像控件的位移之间的乘积,确定为第一图像的偏移量,当滑动操作的滑动方向向右时,将第二差值与该第一图像控件的位移之间的乘积,确定为该第一图像的偏移量,第二差值是指第一预设值与第一图像控件的偏移率之间的差值。

例如,假设第一图像控件的位移为left,第一图像控件的偏移率为rate,第一预设值为1,则当滑动操作的滑动方向向左时,第一图像的偏移量=rate*left,当滑动操作的滑动方向向右时,第一图像的偏移量=(1-rate)*left。

在一个实施例中,若图像控件列表为android系统提供的recyclerview,则可以在recyclerviewpager中注册滚动监听对象,该滚动监听对象用于监听第一图像控件的位移,然后根据第一图像控件的位移控制第一图像的移动,以及判断切歌方向。在一种可能的实现方式中,监听到第一图像控件的位移之后,可以按照图7所示的流程图执行,实现第一图像的渐渐擦除效果。

需要说明的是,本发明实施例中,通过先根据第一图像控件的位移和偏移率,确定第一图像的偏移量,然后按照第一图像的偏移量,分别将第一图像从该显示界面移出,以及将第二图像移入,实现了将第一图像渐渐移出显示界面,第二图像渐渐移入,即将第一图像渐渐擦除的效果,从而提高了切歌展示效果,进而提高了用户体验。

步骤406:根据第一歌曲的显示界面的位移,设置主题色过渡层的透明度值,且第一歌曲的显示界面的位移越大,主题色过渡层的透明度值越小。

需要说明的是,主题色过渡层的透明度值与其透明度状态呈反比,透明度值越大,透明度越低。比如,主题色过渡层的透明度值可以在0-1之间设置,当透明度值为0时,主题色过渡层完全透明,当透明度值为1时,主题色过渡层完全不透明。

具体地,根据第一歌曲的显示界面的位移,设置主题色过渡层的透明度值包括:根据第一图像的位移,设置主题色过渡层的透明度值。

也即是,随着第一图像的位移的增大,主题色过渡层的透明度值减小,而透明度随之增大,从而使得其下方主题色显示层显示的第二主题色能够越来越清晰,实现了将信息显示区域的背景色逐渐过渡为第二主题色。如图6、图8和图9所示,第一专辑的主题色为黑色,第二图像的主题色为黄色,则随着第一图像的位移的增大,信息显示区域的背景色将逐渐从图6所示的深黄色过渡到图8所示的浅黄色,直至如图9所示,第一图像完全移出时,信息显示区域的背景色完全变成黄色。

具体地,根据第一图像的位移,设置主题色过渡层的透明度值包括:根据该第一图像控件的偏移率,设置主题色过渡层的透明度值。

具体地,根据第一图像控件的偏移率,设置主题色过渡层的透明度值可以包括以下两种实现方式:

第一种实现方式:当在步骤405中采用第一种实现方式确定第一图像控件的偏移率时,将主题色过渡层的透明度值设置为第一预设值与第一图像控件的偏移率之间的差值。

例如,假设第一预设值为1,第一图像控件的偏移率为rate,则主题色过渡层的透明度值=1-rate。

第二种实现方式:当在步骤405中采用第二种实现方式确定第一图像控件的偏移率,且该滑动操作的滑动方向向左时,将主题色过渡层的透明度值设置为第一预设值与第一图像控件的偏移率之间的差值;当在步骤405中采用第二种实现方式确定第一图像控件的偏移率,且滑动操作的滑动方向向右时,将主题色过渡层的透明度值设置为第一图像控件的偏移率。

例如,假设第一预设值为1,第一图像控件的偏移率为rate,则当滑动操作的滑动方向向左时,主题色过渡层的透明度值=1-rate,当滑动操作的滑动方向向右时,主题色过渡层的透明度值=rate。

进一步地,为了避免用户来回执行滑动操作过程中主题色过渡层的透明度值的突变,在根据该第一图像控件的偏移率,设置该主题色过渡层的透明度之前,还可以先获取主题色过渡层的透明度值的变化量;当主题色过渡层的透明度值的变化量小于或等于第三预设值时,执行跟据该第一图像控件的偏移率,设置该主题色过渡层的透明度值的步骤,当主题色过渡层的透明度值的变化量大于第三预设值时,将该主题色过渡层的透明度设置为初始值。

其中,主题色过渡层的透明度值的变化量是指当前确定的透明度值与上一次设置的主题色过渡层的透明度值之间差值,当前确定的透明度值是指当前根据第一图像控件的偏移率确定的主题色过渡层的透明度值。第三预设值是预先设置的变化量阈值,比如,第三预设值可以为0.8或0.9等。

进一步地,重新设置主题色过渡层的透明度值之后,还可以对重新设置的主题色过渡层的透明度值进行保存,以便根据重新设置的主题色过渡层的透明度值和之后重新确定的主题色过渡层的透明度值,再次确定主题色过渡层的透明度值的变化量。

在一种可能的实现方式中,获取到主题色过渡层的透明度值的变化量之后,可以按照图10所示的流程图执行,实现主题色的过渡效果。

步骤407:当第二图像完整移入当前显示界面时,将第一歌曲切换为第二歌曲。

当第二图像完整移入当前显示界面时,第一图像也就完全移出了当前显示界面,此时,可以将第一歌曲切换为第二歌曲,并显示第二歌曲的显示界面,从而完成歌曲的切换。其中,第二歌曲的显示界面包括第二图像和信息显示区域,且信息显示区域的背景色为第二主题色,用于显示第二歌曲的相关信息。

例如,如图9所示,当第二图像完整移入该显示界面时,之前播放的第一歌曲“女儿情”将切换至第二歌曲“outlawsoflove”,并在信息显示区域中将“女儿情”的歌词切换为“outlawsoflove”的歌词。

本发明实施例中,智能终端包括歌曲的显示界面,歌曲的显示界面包括歌曲的图像和信息显示区域,信息显示区域包括主题色显示层和其下方的主题色过渡层,当获取到作用于第一歌曲的显示界面的滑动操作,且该滑动操作用于控制第一歌曲的显示界面的移动方向时,可以根据第一歌曲的显示界面的移动方向,确定第二歌曲及第二歌曲的主题色,将主题色显示层显示的第一主题色切换为第二主题色,并根据第一歌曲的显示界面的位移,设置第一主题色过渡层的透明度值,当第二歌曲的第二图像完整移入当前显示界面时,将第一歌曲切换为第二歌曲。通过将主题色过渡层显示的第一图像的主题色切换为第二图像的主题色,并根据第一歌曲的显示界面的位移,改变主题色过渡层的透明度值,可以使得信息显示区域的主题色逐渐过渡为下一张图像的主题色。如此,丰富了切歌过程中图像和主题色的切换形式,提高了切歌展示效果,增加了灵活性。

图11是本发明实施例提供的一种切歌的装置的结构示意图,该装置应用于智能终端,该智能终端包括歌曲的显示界面,该显示界面包括歌曲的图像和信息显示区域。如图11所示,该装置包括:第一获取模块1101、确定模块1102、第一切换模块1103、第一设置模块1104和第二切换模块1105。

第一获取模块1101,用于获取作用于第一歌曲的显示界面的滑动操作,所述滑动操作控制所述第一歌曲的显示界面的移动方向,所述第一歌曲的信息显示区域包括主题色过渡层和位于所述主题色过渡层下方的主题色显示层;

确定模块1102,用于根据所述第一歌曲的显示界面的移动方向,确定第二歌曲及第二主题色,所述第二主题色为所述第二歌曲的第二图像的主题色;

第一切换模块1103,用于将所述主题色显示层显示的第一主题色切换为所述第二主题色,所述第一主题色为所述第一歌曲的第一图像的主题色;

第一设置模块1104,用于根据所述第一歌曲的显示界面的位移,设置所述第一主题色过渡层的透明度值,且所述第一歌曲的显示界面的位移越大,所述第一主题色过渡层的透明度值越小;

第二切换模块1105,用于当所述第二图像完整移入当前显示界面时,将所述第一歌曲切换为所述第二歌曲。

可选地,所述滑动操作控制所述第一歌曲的第一图像的移动方向,所述装置还包括:

控制模块,用于根据所述滑动操作,控制所述第一图像从所述第一歌曲的显示界面中逐渐移出,并控制所述第二图像逐渐移入。

可选地,所述第一歌曲的显示界面还包括切图层,所述切图层用于显示与歌曲列表中的歌曲一一对应的图像控件,图像控件包括对应歌曲的图像;

所述控制模块包括:

第一确定单元,用于根据所述滑动操作,确定第一图像控件的位移;

第二确定单元,用于根据所述第一图像控件的位移和所述显示界面的显示宽度,确定所述第一图像控件的偏移率;

第三确定单元,用于根据所述第一图像控件的位移和偏移率,确定所述第一图像的偏移量;

移动单元,用于按照所述第一图像的偏移量,分别将所述第一图像从所述显示界面移出,以及将所述第二图像移入。

可选地,所述第二确定单元用于:

当所述滑动操作的滑动方向向左,且所述第一图像控件的位移大于零且小于所述显示界面的显示宽度时,根据所述第一图像控件的位移与所述显示界面的显示宽度之间的比值,确定所述第一图像控件的偏移率;

当所述滑动操作的滑动方向向左,且所述第一图像控件的位移等于所述显示界面的显示宽度时,将第一预设值确定为所述第一图像控件的偏移率;

相应地,所述第三确定单元用于:

将所述第一图像控件的偏移率与所述第一图像控件的位移之间的乘积,确定为所述第一图像的偏移量。

可选地,所述第二确定单元用于:

当所述滑动操作的滑动方向向右,且所述第一图像控件的位移大于零且小于所述显示界面的显示宽度时,根据第一差值与所述显示界面的显示宽度之间的比值,确定所述第一图像控件的偏移率,所述第一差值是指所述显示界面的显示宽度与所述第一图像控件的位移之间的差值;

当所述滑动操作的滑动方向向右,且所述第一图像控件的位移等于所述显示界面的显示宽度时,将第二预设值确定为所述第一图像的偏移率;

相应地,所述第三确定单元用于:

将第二差值与所述第一图像控件的位移之间的乘积,确定为所述第一图像的偏移量,所述第二差值是指第一预设值与所述第一图像控件的偏移率之间的差值。

可选地,所述第一设置模块包括:

设置单元,用于根据所述第一图像控件的偏移率,设置所述主题色过渡层的透明度值。

可选地,所述设置单元用于:

当所述滑动操作的滑动方向向左时,将所述主题色过渡层的透明度值设置为第一预设值与所述第一图像控件的偏移率之间的差值;

当所述滑动操作的滑动方向向右时,将所述主题色过渡层的透明度值设置为所述第一图像控件的偏移率。

可选地,所述装置还包括:

第二获取模块,用于获取所述主题色过渡层的透明度值的变化量;

触发模块,用于当所述主题色过渡层的透明度值的变化量小于或等于第三预设值时,触发所述第一设置模块跟据所述第一图像控件的偏移率,设置所述主题色过渡层的透明度值。

可选地,所述装置还包括:

第二设置模块,用于当所述主题色过渡层的透明度值的变化量大于第三预设值时,将所述主题色过渡层的透明度值设置为初始值。

可选地,所述确定模块用于:

当所述第一歌曲的显示界面的移动方向向左时,将所述第一歌曲的下一首歌曲确定为所述第二歌曲;

当所述第一歌曲的显示界面的移动方向向右时,将所述第一歌曲的上一首歌曲确定为所述第二歌曲。

可选地,所述确定模块包括:

第一获取单元,用于当本地存储空间中已存储有所述第二主题色时,从本地存储空间中获取所述第二主题色;

第二获取单元,用于当本地存储空间中未存储有所述第二主题色时,获取所述第二图像;确定多个像素值区间中的每个像素值区间对应的像素点数量,每个像素值区间对应的像素点数量是指所述第二图像包括的像素点中像素值位于所述每个像素值区间的像素点的数量;确定所述第二图像包括的像素点中像素值位于第二像素值区间的多个像素点的像素值均值,所述第二像素值区间是指所述多个像素值区间中对应的像素点数量最多的像素值区间;根据所述像素值均值,确定所述第二主题色。

本发明实施例中,智能终端包括歌曲的显示界面,歌曲的显示界面包括歌曲的图像和信息显示区域,信息显示区域包括主题色显示层和其下方的主题色过渡层,当获取到作用于第一歌曲的显示界面的滑动操作,且该滑动操作用于控制第一歌曲的显示界面的移动方向时,可以根据第一歌曲的显示界面的移动方向,确定第二歌曲及第二歌曲的主题色,将主题色显示层显示的第一主题色切换为第二主题色,并根据第一歌曲的显示界面的位移,设置第一主题色过渡层的透明度值,当第二歌曲的第二图像完整移入当前显示界面时,将第一歌曲切换为第二歌曲。通过将主题色过渡层显示的第一图像的主题色切换为第二图像的主题色,并根据第一歌曲的显示界面的位移,改变主题色过渡层的透明度值,可以使得信息显示区域的主题色逐渐过渡为下一张图像的主题色。如此,丰富了切歌过程中图像和主题色的切换形式,提高了切歌展示效果,增加了灵活性。

需要说明的是:上述实施例提供的切歌的装置在进行切歌时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的切歌的装置与切歌的方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。

图12是本发明实施例提供的智能终端1200的结构框图。该智能终端1200可以是:智能手机、平板电脑、mp3播放器(movingpictureexpertsgroupaudiolayeriii,动态影像专家压缩标准音频层面3)、mp4(movingpictureexpertsgroupaudiolayeriv,动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。智能终端1200还可能被称为用户设备、便携式智能终端、膝上型智能终端、台式智能终端等其他名称。

通常,智能终端1200包括有:处理器1201和存储器1202。

处理器1201可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器1201可以采用dsp(digitalsignalprocessing,数字信号处理)、fpga(field-programmablegatearray,现场可编程门阵列)、pla(programmablelogicarray,可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1201也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称cpu(centralprocessingunit,中央处理器);协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器1201可以在集成有gpu(graphicsprocessingunit,图像处理器),gpu用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中,处理器1201还可以包括ai(artificialintelligence,人工智能)处理器,该ai处理器用于处理有关机器学习的计算操作。

存储器1202可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器1202还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器1202中的非暂态的计算机可读存储介质用于存储至少一个指令,该至少一个指令用于被处理器1201所执行以实现本申请中方法实施例提供的切歌的方法。

在一些实施例中,智能终端1200还可选包括有:外围设备接口1203和至少一个外围设备。处理器1201、存储器1202和外围设备接口1203之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口1203相连。具体地,外围设备包括:射频电路1204、触摸显示屏1205、摄像头1206、音频电路1207、定位组件1208和电源1209中的至少一种。

外围设备接口1203可被用于将i/o(input/output,输入/输出)相关的至少一个外围设备连接到处理器1201和存储器1202。在一些实施例中,处理器1201、存储器1202和外围设备接口1203被集成在同一芯片或电路板上;在一些其他实施例中,处理器1201、存储器1202和外围设备接口1203中的任意一个或两个可以在单独的芯片或电路板上实现,本实施例对此不加以限定。

射频电路1204用于接收和发射rf(radiofrequency,射频)信号,也称电磁信号。射频电路1204通过电磁信号与通信网络以及其他通信设备进行通信。射频电路1204将电信号转换为电磁信号进行发送,或者,将接收到的电磁信号转换为电信号。可选地,射频电路1204包括:天线系统、rf收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路1204可以通过至少一种无线通信协议来与其它智能终端进行通信。该无线通信协议包括但不限于:城域网、各代移动通信网络(2g、3g、4g及5g)、无线局域网和/或wifi(wirelessfidelity,无线保真)网络。在一些实施例中,射频电路1204还可以包括nfc(nearfieldcommunication,近距离无线通信)有关的电路,本申请对此不加以限定。

显示屏1205用于显示ui(userinterface,用户界面)。该ui可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏1205是触摸显示屏时,显示屏1205还具有采集在显示屏1205的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器1201进行处理。此时,显示屏1205还可以用于提供虚拟按钮和/或虚拟键盘,也称软按钮和/或软键盘。在一些实施例中,显示屏1205可以为一个,设置智能终端1200的前面板;在另一些实施例中,显示屏1205可以为至少两个,分别设置在智能终端1200的不同表面或呈折叠设计;在再一些实施例中,显示屏1205可以是柔性显示屏,设置在智能终端1200的弯曲表面上或折叠面上。甚至,显示屏1205还可以设置成非矩形的不规则图形,也即异形屏。显示屏1205可以采用lcd(liquidcrystaldisplay,液晶显示屏)、oled(organiclight-emittingdiode,有机发光二极管)等材质制备。

摄像头组件1206用于采集图像或视频。可选地,摄像头组件1206包括前置摄像头和后置摄像头。通常,前置摄像头设置在智能终端的前面板,后置摄像头设置在智能终端的背面。在一些实施例中,后置摄像头为至少两个,分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种,以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及vr(virtualreality,虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中,摄像头组件1206还可以包括闪光灯。闪光灯可以是单色温闪光灯,也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合,可以用于不同色温下的光线补偿。

音频电路1207可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波,并将声波转换为电信号输入至处理器1201进行处理,或者输入至射频电路1204以实现语音通信。出于立体声采集或降噪的目的,麦克风可以为多个,分别设置在智能终端1200的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器1201或射频电路1204的电信号转换为声波。扬声器可以是传统的薄膜扬声器,也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时,不仅可以将电信号转换为人类可听见的声波,也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中,音频电路1207还可以包括耳机插孔。

定位组件1208用于定位智能终端1200的当前地理位置,以实现导航或lbs(locationbasedservice,基于位置的服务)。定位组件1208可以是基于美国的gps(globalpositioningsystem,全球定位系统)、中国的北斗系统、俄罗斯的格雷纳斯系统或欧盟的伽利略系统的定位组件。

电源1209用于为智能终端1200中的各个组件进行供电。电源1209可以是交流电、直流电、一次性电池或可充电电池。当电源1209包括可充电电池时,该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。

在一些实施例中,智能终端1200还包括有一个或多个传感器1210。该一个或多个传感器1210包括但不限于:加速度传感器1211、陀螺仪传感器1212、压力传感器1213、指纹传感器1214、光学传感器1215以及接近传感器1216。

加速度传感器1211可以检测以智能终端1200建立的坐标系的三个坐标轴上的加速度大小。比如,加速度传感器1211可以用于检测重力加速度在三个坐标轴上的分量。处理器1201可以根据加速度传感器1211采集的重力加速度信号,控制触摸显示屏1205以横向视图或纵向视图进行用户界面的显示。加速度传感器1211还可以用于游戏或者用户的运动数据的采集。

陀螺仪传感器1212可以检测智能终端1200的机体方向及转动角度,陀螺仪传感器1212可以与加速度传感器1211协同采集用户对智能终端1200的3d动作。处理器1201根据陀螺仪传感器1212采集的数据,可以实现如下功能:动作感应(比如根据用户的倾斜操作来改变ui)、拍摄时的图像稳定、游戏控制以及惯性导航。

压力传感器1213可以设置在智能终端1200的侧边框和/或触摸显示屏1205的下层。当压力传感器1213设置在智能终端1200的侧边框时,可以检测用户对智能终端1200的握持信号,由处理器1201根据压力传感器1213采集的握持信号进行左右手识别或快捷操作。当压力传感器1213设置在触摸显示屏1205的下层时,由处理器1201根据用户对触摸显示屏1205的压力操作,实现对ui界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。

指纹传感器1214用于采集用户的指纹,由处理器1201根据指纹传感器1214采集到的指纹识别用户的身份,或者,由指纹传感器1214根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时,由处理器1201授权该用户执行相关的敏感操作,该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器1214可以被设置智能终端1200的正面、背面或侧面。当智能终端1200上设置有物理按键或厂商logo时,指纹传感器1214可以与物理按键或厂商logo集成在一起。

光学传感器1215用于采集环境光强度。在一个实施例中,处理器1201可以根据光学传感器1215采集的环境光强度,控制触摸显示屏1205的显示亮度。具体地,当环境光强度较高时,调高触摸显示屏1205的显示亮度;当环境光强度较低时,调低触摸显示屏1205的显示亮度。在另一个实施例中,处理器1201还可以根据光学传感器1215采集的环境光强度,动态调整摄像头组件1206的拍摄参数。

接近传感器1216,也称距离传感器,通常设置在智能终端1200的前面板。接近传感器1216用于采集用户与智能终端1200的正面之间的距离。在一个实施例中,当接近传感器1216检测到用户与智能终端1200的正面之间的距离逐渐变小时,由处理器1201控制触摸显示屏1205从亮屏状态切换为息屏状态;当接近传感器1216检测到用户与智能终端1200的正面之间的距离逐渐变大时,由处理器1201控制触摸显示屏1205从息屏状态切换为亮屏状态。

本领域技术人员可以理解,图12中示出的结构并不构成对智能终端1200的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。

以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1