CN103473236A - 歌曲推送信息的显示方法 - Google Patents

Abstract

本发明提供一种歌曲推送信息的显示方法，用户选择相应歌曲或者采用系统自动推送的歌曲作为父节点，并根据父节点的ID搜索子节点，子节点以父节点为中心显示在其周围，拖动节点的时候，其他节点跟着运动，当移动周围子节点到中心时，则以该移动节点取代中心节点，搜索出新的子节点并展开到周围。点击子节点的时候，被点击的节点作为新父节点移动到中心，同时以新的父节点为根据搜索产生新节点跟随到中心后展开到周围。当点击父结点时则判断为选中结果。当移动子节点到选中区域时，当判断子节点为选中状态，采用这种方式，其信息推送的方式直观且全面，同时，用户可以通过对子节点的点击，快捷的选择新的搜索范围，其信息推送的效率好，界面美观。

Description

歌曲推送信息的显示方法

技术领域

本发明涉及信息推送领域，尤其是涉及一种歌曲推送信息的显示方法。

背景技术

目前在KTV点歌系统领域，还没有推送关联歌曲的应用模式，用户无法得到与当前歌曲相类似、相关联的歌曲信息。目前互联网上有各种推送关联歌曲的服务，其表现形式多是以目录、或矩阵形式提供，中心信息不明确，用户无法立即得知关联歌曲的父节点歌曲，即从哪首歌曲关联出来的，无法适应目前应用软件对用户体验要求日趋完美的需要，无法满足用户点歌的人性化需求。

发明内容

本发明解决的技术问题是提供一种歌曲推送信息的显示方法，能够解决现有技术中歌曲推送信息不明确的技术问题。

为解决上述技术问题，本发明提供的技术方案是提供一种歌曲推送信息的显示方法，其特征在于，包括，

第一模块：用于产生以父节点为中心，子节点围绕父节点的动画模型；

第二模块：用于各节点被拖动时，使其他节点根据被拖动的节点的移动方向和移动距离而移动；当子节点被拖动至父节点时，使子节点形成新的父节点，并根据新的父节点并产生新的子节点并展开到周围;还用于当点击子节点时，被点击的节点作为新父节点移动到中心，过程中原子节点向中心移动靠拢并和原父节点一同消失，同时以新的父节点为根据搜索产生新节点跟随到中心后展开到周围。

其中，第一模块的运行包括以下步骤：

S01：获取作为父节点的歌曲ID,根据所述歌曲ID搜索下载父节点的信息，随机加载背景图片，将所述父节点的信息加载到相应背景图片中，并与所述背景图片一并加载到父节点的动画模型中，初始化并显示父节点的动画模型；

S02：根据父节点的歌曲ID产生多个子节点的信息，随机加载背景图片，将所述子节点的信息加载至相应的背景图片中，并与所述背景图片同时加载到子节点的动画模型中,初始化并显示子节点的动画模型，具体包括，

S201：初始化多个子节点的动画模型，采用随机数发生器计算子节点的目标位置，所述多个子节点的动画模型以父节点为中心，向四周运动，直至运动到目标位置；

S202：初始化多个线段模型，每个线段模型匹配一个子节点，所述线段模型起点均设置于所述父节点的中心位置，终点连接于各子节点动画模型的中心点，所述线段模型动态加长，且所述线段模型的终点随着子节点动画模型的移动而移动；

所述第二模块的运行包括以下步骤：

S03：在画面达到稳定状态后，对各个节点接收到的控制信息进行识别，若是拖动，则转到步骤S04；若是点击，则转到步骤S05；

S04：根据当前拖动位置，得到一个新的坐标点，设置被操作节点的动画模型和相应线段模型的终点坐标到该新坐标；设置其他节点跟随被操作节点运动的方向移动相同的距离；返回S03；

S05:设置被点击节点向中心点移动，同时相应线段模型的终点坐标也向中心位置过渡；将被点击的节点的信息设置为新的父节点信息，返回S01。

其中，所述步骤S201和S202同时进行。

其中，所述步骤S01和步骤S02中均包括：设置定时器，所述定时器用于触发所有节点的背景图片的像素值在一定范围内变化，从而动态改变背景图片的透明度及颜色。

其中，步骤S03还包括:创建子节点运动时钟，判断时间处理接口是否已经处于停留状态，若是，则随机产生各个子节点下一个状态的位置坐标，固定每一次的移动步长，将各个子节点移动到新的坐标。

其中，所述步骤S04具体包括：

S401：判断拖动的目标是子节点还是父节点，若是子节点，则设置父节点根据子节点的相应线段模型的起始位置坐标到新的父节点位置，同时设置各个子节点线段模型的起始位置坐标到新的父节点位置，子节点根据其相应的线段模型的终点位置移动；若拖动的目标是父节点，设置各个子节点线段模型的其实位置坐标到新的父节点位置，子节点根据其相应线段模型的方向移动；

S401：判断拖动动作结束坐标是否在父节点内，若否，则所有子节点和线段模型都返回到其终点位置，若是，则转到步骤S05。

采用上述技术方案，本发明的有益效果是：由于建立了父节点和子节点的动画模型，将父节点设置于中心位置，子节点以父节点为中心扩展，这样就使得父节点的信息和子节点的信息及连接关系可以直观的显示出来；同时，对操作步骤进行判断，若是拖动的话，可以使得子节点随着父节点移动；若是点击的话，就能够使点击的目标成为新的父节点，再根据此父节点显示其子节点，采用这样的方式，其信息显示全面，同时能够方便用户最快的寻找到所需要的信息。

附图说明

图1为本发明提供的歌曲推送信息的显示方法的具体实现方法的流程图；

图2为本发明提供的子节点动画模型显示流程；

图3为本发明提供的颜色动态变化的流程图；

图4为本发明提供的状态切换的流程图；

图5为本发明提供的节点任意拖动流程图；

图6为本发明提供的具体实现的界面效果图1；

图7为本发明提供的具体实现的界面效果图2。

具体实施方式

为详细说明本发明的技术内容、构造特征、所实现目的及效果，以下结合实施方式并配合附图详予说明。

本发明提供的技术方案是提供一种歌曲推送信息的显示方法，其特征在于，包括，

第一模块：用于产生以父节点为中心，子节点围绕父节点的动画模型；

第二模块：用于各节点被拖动时，使其他节点根据被拖动的节点的移动方向和移动距离而移动；当子节点被拖动至父节点时，使子节点形成新的父节点，并根据新的父节点并产生新的子节点并展开到周围;还用于当点击子节点时，被点击的节点作为新父节点移动到中心，过程中原子节点向中心移动靠拢并和原父节点一同消失，同时以新的父节点为根据搜索产生新节点跟随到中心后展开到周围。

请参阅图1，第一模块的运行其实现方法包括以下步骤：

S01:获取作为父节点的歌曲ID,根据所述歌曲ID搜索下载父节点的信息，随机加载背景图片，将所述父节点的信息加载到相应背景图片中，并与所述背景图片加载到父节点的动画模型中，初始化并显示父节点的动画模型；

在本实施例中，所述父节点的动画模型呈现一个3D的圆形，该动画模型用于控制这些动画模型中的形状图片的逻辑关系。预先从服务器下载背景图片至内存中，在父节点动画模型建立后，随机为父节点选择一张背景图片并加载到动画模型中。本发明所使用的动画模型，可以是其他的形状类型，其实现方式有多种。

S02：根据父节点的歌曲ID产生多个子节点的信息，通过歌曲ID找出关联度信息，从而根据这些关键词搜索与之匹配的其他歌曲信息，作为父节点；同时，随机加载背景图片，将所述子节点的信息加载至相应的背景图片中，并与所述背景图片同时加载到子节点的动画模型中,初始化并显示子节点的动画模型，子节点的动画模型以及背景图片的产生方法，与父节点一致，请参阅图2，本步骤具体包括，

S201:初始化多个子节点的动画模型，本实施例中，设置子节点的个数为8个，预先设置了8个子节点固定的位置，比如子节点1的位置是【x,y,z】，每次子节点们向外展开之前，都会计算子节点的位置，计算方法是，

x=x+rand()%RANG_X；

y=y+rand()%RANG_Y；

z不变；

其中，RANG是一个随机数发生器，RANG_X,RANG_Y就是x，y坐标变化的范围了。

采用这样的方式，计算出子节点的目标位置，使多个子节点的动画模型以父节点为中心，向四周运动，直至运动到目标位置；作为优选的，设置子节点以逐渐加速的方式移动到目标位置，从而提高信息显示的效率。

S202:初始化多个线段模型，每个线段模型匹配一个子节点，所述线段模型起点均设置于所述父节点的中心位置，终点连接于各子节点动画模型的中心点，所述线段模型动态加长，且所述线段模型的终点随着子节点动画模型的移动而移动；

在本实施例中，所述步骤S201和S202同时进行，也就是说，线段模型与子节点的动画模型一起运动，用线段模型指示动画模型的运动轨迹以及方向，从而实现直观的信息显示效果。

请参阅图3，所述步骤S01和步骤S02中均包括：设置定时器，所述定时器用于触发所有节点的背景图片的像素值在一定范围内变化，像素值包括ARGB或者RGBA，其中A表示alpha即透明度，其值在0～255之间，0表示全透明，255表示不透明，RGB即是红绿蓝三元色的组合。、每个像素的A值在一个范围内动态变化就可以改变像素的透明度，同时，动态修改RGB的值，具体方法是：R=R+rand()%RANG_R,G=G+rand()%RANG_G,G=G+rand()%RANG_G,其各个参数预先设定，从而随机产生各个RGB的值，也使得该背景图片的颜色动态变化。

请参与图4和图5，还包括S03:在画面达到稳定状态后，对各个节点接收到的控制信息进行识别，若是拖动，则转到步骤S04;若是点击，则转到步骤S05;

第二模块的运行包括以下步骤，步骤S03还包括:创建子节点运动时钟，判断时间处理接口是否已经处于停留状态，若是，则随机产生各个子节点下一个状态的位置坐标，固定每一次的移动步长，将各个子节点移动到新的坐标。

S04：根据当前拖动位置，得到一个新的坐标点，设置被操作节点的动画模型和相应线段模型的终点坐标到该新坐标；设置其他节点跟随被操作节点运动的方向移动相同的距离；返回S03;

所述步骤S04具体包括：

S401:判断拖动的目标是子节点还是父节点，若是子节点，则设置父节点根据子节点的相应线段模型的起始位置坐标到新的父节点位置，同时设置各个子节点线段模型的起始位置坐标到新的父节点位置，子节点根据其相应的线段模型的终点位置移动；若拖动的目标是父节点，设置各个子节点线段模型的其实位置坐标到新的父节点位置，子节点根据其相应线段模型的方向移动；

S401:判断拖动动作结束坐标是否在父节点内，若否，则所有子节点和线段模型都返回到其终点位置，若是，则转到步骤S05。

S05:设置被点击节点向中心点移动，同时相应线段模型的终点坐标也向中心位置过渡；将被点击的节点的信息设置为新的父节点信息，返回S01。

请参阅图6和图7，在具体应用中，用户通过输入设备（如触屏或者键盘等）输入所需要的歌曲，如“吻别”，系统后端遍历数据库，获得“吻别”所对应的ID，根据该ID搜索并加载有关“吻别”的属性信息，例如歌曲的类型（情歌），演唱歌手的性别（港台男歌手），歌曲的曲调类型（舒缓）等，同时随机下载背景图片，初始化动画模型，并在动画模型上加载背景图片以及歌曲基本信息“张学友，吻别”。

其中，动画模型的初始化，包括确定父节点以及子节点的模型的位置、形状、颜色、个数以及运动轨迹等效果的初始化。

接下来，各个子节点随机加载背景图片，根据该歌曲ID,搜索与该歌曲属性的相近的歌曲信息，作为子节点，并加载至各个子节点，当子节点的信息加载完毕后，系统计算出子节点的目标位置，使多个子节点的动画模型以父节点为中心，向四周运动，直至运动到目标位置，在界面上就呈现子节点以父节点为中心扩散的效果；作为优选的，设置子节点以逐渐加速的方式移动到目标位置，从而提高信息显示的效率。

当子节点运动到目标位置后，系统初始化多个线段模型，每个线段模型匹配一个子节点，所述线段模型起点均设置于所述父节点的中心位置，终点连接于各子节点动画模型的中心点，所述线段模型动态加长，且所述线段模型的终点随着子节点动画模型的移动而移动；这样，就能够直观的显示子节点与父节点的逻辑关系。例如在界面上显示“孤星泪”“来生缘”等围绕着父节点“吻别”排列。

此时，用户拖动父节点，由于子节点与父节点的位置相对，子节点也设置相应的运动，用户拖动子节点至父节点位置，例如，用户拖动“来生缘”至“吻别”的位置，系统认为“来生缘”作为新的父节点，重复之前的操作，直至与“来生缘”相关的子节点以及其模型产生完毕，为用户提供关于“来生缘”的扩散信息。

这样，由于建立了父节点和子节点的动画模型，将父节点设置于中心位置，子节点以父节点为中心扩展，这样就使得父节点的信息和子节点的信息及连接关系可以直观的显示出来；同时，对操作步骤进行判断，若是拖动的话，可以使得子节点随着父节点移动；若是点击的话，就能够使点击的目标成为新的父节点，再根据此父节点显示其子节点，采用这样的方式，其信息显示全面，同时能够方便用户最快的寻找到所需要的信息。

以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (7)

1.一种歌曲推送信息的显示方法，其特征在于：包括：

第一模块：用于产生以父节点为中心，子节点围绕父节点的动画模型；

第二模块：用于各节点被拖动时，使其他节点根据被拖动的节点的移动方向和移动距离而移动；当子节点被拖动至父节点时，使子节点形成新的父节点，并根据新的父节点并产生新的子节点并展开到周围;还用于当点击子节点时，被点击的节点作为新父节点移动到中心，过程中原子节点向中心移动靠拢并和原父节点一同消失，同时以新的父节点为根据搜索产生新节点跟随到中心后展开到周围。

2.根据权利要求1所述的歌曲推送信息的显示方法，其特征在于：所述第一模块的运行包括以下步骤：

S01:获取作为父节点的歌曲ID，根据所述歌曲ID搜索下载父节点的信息，随机加载背景图片，将所述父节点的信息加载到相应背景图片中，并与所述背景图片一并加载到父节点的动画模型中，初始化并显示父节点的动画模型；

S02：根据父节点的歌曲ID产生多个子节点的信息，随机加载背景图片，将所述子节点的信息加载至相应的背景图片中，并与所述背景图片同时加载到子节点的动画模型中，初始化并显示子节点的动画模型，具体包括，

S201：初始化多个子节点的动画模型，采用随机数发生器计算子节点的目标位置，所述多个子节点的动画模型以父节点为中心，向四周运动，直至运动到目标位置；

S202：初始化多个线段模型，每个线段模型匹配一个子节点，所述线段模型起点均设置于所述父节点的中心位置，终点连接于各子节点动画模型的中心点，所述线段模型动态加长，且所述线段模型的终点随着子节点动画模型的移动而移动。

3.根据权利要求1所述的歌曲推送信息的显示方法，其特征在于：所述第二模块的运行包括以下步骤：

S03：在画面达到稳定状态后，对各个节点接收到的控制信息进行识别，若是拖动，则转到步骤S04；若是点击，则转到步骤S05；

S04：根据当前拖动位置，得到一个新的坐标点，设置被操作节点的动画模型和相应线段模型的终点坐标到该新坐标；设置其他节点跟随被操作节点运动的方向移动相同的距离；返回S03；

S05：设置被点击节点向中心点移动，同时相应线段模型的终点坐标也向中心位置过渡；将被点击的节点的信息设置为新的父节点信息，返回S01。

4.根据权利要求2所述的歌曲推送信息的显示方法，其特征在于：所述步骤S201和S202同时进行。

5.根据权利要求2所述的歌曲推送信息的显示方法，其特征在于：所述步骤S01和步骤S02中均包括：设置定时器，所述定时器用于触发所有节点的背景图片的像素值在一定范围内变化，从而动态改变背景图片的透明度及颜色。

6.根据权利要求3所述的歌曲推送信息的显示方法，其特征在于，步骤S03还包括：创建子节点运动时钟，判断时间处理接口是否已经处于停留状态，若是，则随机产生各个子节点下一个状态的位置坐标，固定每一次的移动步长，将各个子节点移动到新的坐标。

7.根据权利要求3所述的歌曲推送信息的显示方法，其特征在于：所述步骤S04具体包括：

S401：判断拖动的目标是子节点还是父节点，若是子节点，则设置父节点根据子节点的相应线段模型的起始位置坐标到新的父节点位置，同时设置各个子节点线段模型的起始位置坐标到新的父节点位置，子节点根据其相应的线段模型的终点位置移动；若拖动的目标是父节点，设置各个子节点线段模型的其实位置坐标到新的父节点位置，子节点根据其相应线段模型的方向移动；

S401：判断拖动动作结束坐标是否在父节点内，若否，则所有子节点和线段模型都返回到其终点位置，若是，则转到步骤S05。

Images