CN110960854A - 一种图像移动显示方法、装置、电子设备及存储介质 - Google Patents

Abstract

本发明实施例提供了一种图像移动显示方法、装置、电子设备及存储介质，所述方法包括：在获取图像显示指令时，在屏幕中显示预先创建的节点对应的图像，并向目标方向移动节点以使图像向目标方向移动显示，节点具有多个子节点，每个子节点为一个子图像，每个子图像沿目标方向并排排列。本方案中，多个子图像作为一个节点的多个子节点，由于父物体改变位置时，子物体相对于父物体的位置不变，所以父物体移动会带着子物体移动，但子物体本身的坐标并没有改变，也就是说，节点在不停移动时带动子图像移动，而不需要考虑子图像当前的位置，所以不会涉及小数的计算，也就是不会因为产生误差而出现缝隙。

Description

一种图像移动显示方法、装置、电子设备及存储介质

技术领域

本发明涉及图像处理技术领域，特别是涉及一种图像移动显示方法、装置、电子设备及存储介质。

背景技术

图像移动显示是非常常见的一种显示方式，例如在一些跑酷的游戏中，通过背景图像的循环移动显示，展现出一种角色在前进的视觉效果。图像移动显示是指多张图像并排排列，然后朝着同一个方向，以同样的速度进行移动，当其中一张图像完全的移动到屏幕范围以外的时候，重新设置它的位置到其他图片的后面，并继续朝着同一方向，同一速度进行移动，通过这种移动交替的方式，来达到移动显示的效果。

图像在移动时是按浮点数进行移动的，以实现更加流畅、缓慢的移动效果。由于浮点数计算精度会产生误差，这就会导致两张图像之间出现缝隙，用户便会看到两张图像之间出现黑边，如图1所示，视觉效果很差。

发明内容

本发明实施例的目的在于提供一种图像移动显示方法、装置、电子设备及存储介质，以避免在图像移动显示过程中，两张图像之间出现缝隙的问题。具体技术方案如下：

第一方面，本发明实施例提供了一种图像移动显示方法，所述方法包括：

在获取图像显示指令时，在屏幕中显示预先创建的节点对应的图像；

向目标方向移动所述节点以使所述图像向所述目标方向移动显示，其中，所述节点具有多个子节点，每个子节点为一个子图像，每个子图像沿所述目标方向并排排列。

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

在多个所述子图像向所述目标方向移动显示过程中，记录所述节点在所述目标方向上的移动距离；

当所述移动距离达到当前第一个子图像在所述目标方向上的宽度时，重置所述当前第一个子图像于最后一个子图像之后，直到获取到停止显示指令。

可选的，所述每个子图像大小相同；

所述重置所述当前第一个子图像于最后一个子图像之后的步骤，包括：

根据预先建立的索引值确定当前需要重置的子图像；

基于所述子图像的在所述目标方向上的宽度以及重置倍数，确定重置位置；

将所述当前需要重置的子图像置于所述重置位置。

可选的，所述基于所述子图像的在所述目标方向上的宽度以及重置倍数，确定重置位置的步骤，包括：

根据公式p＝Width*multiple，计算得到重置位置p，其中，Width为所述每个子图像的在所述目标方向上的宽度，multiple为所述重置倍数；

将所述重置倍数加1，作为新的重置倍数，其中，所述重置倍数的初始值为所述子图像的数量。

可选的，所述重置所述当前第一个子图像于最后一个子图像之后的步骤，包括：

根据预先建立的索引值确定当前需要重置的子图像；

基于所述子图像的在所述目标方向上的宽度以及重置次数，确定重置位置；

将所述当前需要重置的子图像置于所述重置位置。

可选的，所述基于所述子图像的在所述目标方向上的宽度以及重置次数，确定重置位置的步骤，包括：

根据公式p＝Ws*n+Wm，计算得到重置位置p，其中，Ws为中除第一个子图像外的其他子图像在所述目标方向上的宽度和，n为重置倍数，Wm为在所述节点中初始排列在所述当前第一个子图像之前的子图像以及所述当前第一个子图像在所述目标方向上的宽度和；

当重置次数达到所述子图像的数量时，将所述重置倍数加1，作为新的重置倍数，其中，所述重置倍数的初始值为1。

可选的，所述根据预先建立的索引值确定当前需要重置的子图像的步骤，包括：

获取当前索引值；

根据预设的索引值与子图像标识的对应关系，确定所述当前索引值对应的目标子图像标识，作为当前需要重置的子图像的标识；

将所述当前索引值加1，作为新的当前索引值，并在更新次数为所有子图像的数量时，将所述当前索引值置0，其中，索引值的初始值为0。

可选的，所述向目标方向移动所述节点以使所述图像向所述目标方向移动显示的步骤，包括：

调用预设更新函数按照预设速度更新所述节点在所述目标方向上的位置，以使所述图像向所述目标方向移动显示。

第二方面，本发明实施例提供了一种图像移动显示装置，所述装置包括：

图像显示模块，用于在获取图像显示指令时，在屏幕中显示预先创建的节点对应的图像；

节点移动模块，用于向目标方向移动所述节点以使所述图像向所述目标方向移动显示，其中，所述节点具有多个子节点，每个子节点为一个子图像，每个子图像沿所述目标方向并排排列。

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

移动距离记录模块，用于在多个所述子图像向所述目标方向移动显示过程中，记录所述节点在所述目标方向上的移动距离；

子图像重置模块，用于当所述移动距离达到当前第一个子图像在所述目标方向上的宽度时，重置所述当前第一个子图像于最后一个子图像之后，直到获取到停止显示指令。

可选的，所述每个子图像大小相同；

所述子图像重置模块包括：

子图像确定单元，用于根据预先建立的索引值确定当前需要重置的子图像；

第一重置位置确定单元，用于基于所述子图像的在所述目标方向上的宽度以及重置倍数，确定重置位置；

第一子图像重置单元，用于将所述当前需要重置的子图像置于所述重置位置。

可选的，所述第一重置位置确定单元包括：

第一重置位置计算子单元，用于根据公式p＝Width*multiple，计算得到重置位置p，其中，Width为所述每个子图像的在所述目标方向上的宽度，multiple为所述重置倍数；

第一将重置倍数更新单元，用于所述重置倍数加1，作为新的重置倍数，其中，所述重置倍数的初始值为所述子图像的数量。

可选的，所述子图像重置模块包括：

子图像确定单元，用于根据预先建立的索引值确定当前需要重置的子图像；

第二重置位置确定单元，用于基于所述子图像的在所述目标方向上的宽度以及重置次数，确定重置位置；

第二子图像重置单元，用于将所述当前需要重置的子图像置于所述重置位置。

可选的，所述第二重置位置确定单元包括：

第二重置位置计算子单元，用于根据公式p＝Ws*n+Wm，计算得到重置位置p，其中，Ws为中除第一个子图像外的其他子图像在所述目标方向上的宽度和，n为重置倍数，Wm为在所述节点中初始排列在所述当前第一个子图像之前的子图像以及所述当前第一个子图像在所述目标方向上的宽度和；

第二将重置倍数更新单元，用于当重置次数达到所述子图像的数量时，将所述重置倍数加1，作为新的重置倍数，其中，所述重置倍数的初始值为1。

可选的，所述子图像确定单元包括：

索引值获取子单元，用于获取当前索引值；

标识确定子单元，用于根据预设的索引值与子图像标识的对应关系，确定所述当前索引值对应的目标子图像标识，作为当前需要重置的子图像的标识；

索引值更新子单元，用于将所述当前索引值加1，作为新的当前索引值，并在更新次数为所有子图像的数量时，将所述当前索引值置0，其中，索引值的初始值为0。

可选的，所述节点移动模块包括：

节点移动单元，用于调用预设更新函数按照预设速度更新所述节点在所述目标方向上的位置，以使所述图像向所述目标方向移动显示。

第三方面，本发明实施例提供了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现上述第一方面任一所述的图像移动显示的方法步骤。

第四方面，本发明实施例提供了一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现上述第一方面任一所述的图像移动显示的方法步骤。

本发明实施例所提供的方案中，电子设备在获取图像显示指令时，在屏幕中显示预先创建的节点对应的图像，并向目标方向移动节点以使图像向目标方向移动显示，其中，节点具有多个子节点，每个子节点为一个子图像，每个子图像沿所述目标方向并排排列。本方案中，多个子图像作为一个节点的多个子节点，由于父物体改变位置时，子物体相对于父物体的位置不变，所以父物体移动会带着子物体移动，但子物体本身的坐标并没有改变，也就是说，节点在不停移动时带动子图像移动，而不需要考虑子图像当前的位置，所以不会涉及小数的计算，也就是不会因为产生误差而出现缝隙。

附图说明

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

图1为图像移动显示中缝隙的一种示意图；

图2为本发明实施例所提供了的一种图像移动显示方法的流程图；

图3为图2所示实施例中步骤S203的一种具体流程图；

图4为图2所示实施例中步骤S203的另一种具体流程图；

图5为基于图3或图4所示实施例的子图像的确定方式的一种流程图；

图6为本发明实施例所提供了的一种图像移动显示装置的结构示意图；

图7为本发明实施例所提供了的一种电子设备的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

为了避免在图像移动显示过程中，两张图像之间出现缝隙的问题，提高用户体验，本发明实施例提供了一种图像移动显示方法、装置、电子设备及计算机可读存储介质。

下面对本发明实施例所提供的一种图像移动显示方法进行介绍。

本发明实施例所提供的一种图像移动显示方法可以应用于任意能够显示图像的电子设备，例如，可以为手机、电脑、平板电脑、图像处理器等，在此不做具体限定。为了描述清楚，以下称为电子设备。

如图2所示，一种图像移动显示方法，所述方法包括：

S201，在获取图像显示指令时，在屏幕中显示预先创建的节点对应的图像；

S202，向目标方向移动所述节点以使所述图像向所述目标方向移动显示；

其中，所述节点具有多个子节点，每个子节点为一个子图像，每个子图像沿所述目标方向并排排列。即所述节点具有多个相邻排列的子图像。

可见，本发明实施例所提供的方案中，电子设备在获取图像显示指令时，在屏幕中显示预先创建的节点对应的图像，并向目标方向移动节点以使图像向目标方向移动(滚动)显示，其中，节点具有多个子节点，每个子节点为一个子图像，每个子图像沿所述目标方向并排排列；在多个子图像向目标方向移动(滚动)显示过程中，记录节点在目标方向上的移动距离，进而，当移动距离达到当前第一个子图像在目标方向上的宽度时，重置当前第一个子图像于最后一个子图像之后，直到获取到停止显示指令。本方案中，多个子图像作为一个节点的多个子节点，由于父物体改变位置时，子物体相对于父物体的位置不变，所以父物体移动会带着子物体移动，但子物体本身的坐标并没有改变，也就是说，节点在不停移动时带动子图像移动，而不需要考虑子图像当前的位置，所以不会涉及小数的计算，也就是不会因为产生误差而出现缝隙。

为了避免在图像移动(滚动)显示过程中，两张图像之间出现缝隙的问题，提高用户体验，需要消除计算时产生的误差，该误差是由于小数的计算产生的，因此为了避免进行小数的计算，可以预先建立一个节点，该节点可以具有多个子节点。

图像移动显示一般是由多个图像移动显示完成的，将该多个图像分别作为上述节点的一个子节点，为了便于理解多个图像与节点的关系，以下将每个图像称为子图像。子图像在节点中沿目标方向并排排列，其中，目标方向即为图像移动显示时，节点移动的方向。例如，在手机竖屏的图像移动显示时，图像向左移动显示，那么目标方向即为手机竖屏时向左的方向。

这样，在获取图像显示指令时，电子设备可以在屏幕中显示预先创建的节点对应的图像，并向目标方向移动该节点以使图像向目标方向移动显示，在图像移动显示时，只需要移动节点，该节点便可以带着子图像移动，达到图像滚显示的效果。

作为本发明实施例的一种实施方式，上述方法还可以包括：

在多个所述子图像向所述目标方向移动显示过程中，记录所述节点在所述目标方向上的移动距离；当所述移动距离达到所述子图像在所述目标方向上的宽度时，重置当前位于屏幕外的子图像于最后一个子图像之后，直到获取到停止显示指令。

当一个子图像移动至屏幕外时，需要重置该子图像的位置，为了确定是否需要重置子图像的位置，在多个子图像向目标方向移动显示过程中，也就是节点移动的过程中，电子设备可以记录上述节点在目标方向上的移动距离。

进而当移动距离达到当前第一个子图像在目标方向上的宽度时，说明此时当前第一个子图像已经在屏幕外，不能再显示在屏幕中了，那么为了进行移动显示，此时主要重置当前第一个子图像于最后一个子图像之后。

在图像移动显示过程中，节点持续移动，每当有一个子图像移动到屏幕外时，便将其重置于最后一个子图像之后，这样依次循环下去，直到获取到停止显示指令。

可见，在本实施例中，在图像移动显示过程中，并不需要记录子图像的位置，节点持续向目标方向移动，而子图像只是在节点中循环重置，因此重置子图像时只与子图像在目标方向上的宽度有关，而子图像在目标方向上的宽度均为整数，因此不会涉及小数的计算，子图像之间也就不会产生缝隙，用户也就不会看到黑边。

作为本发明实施例的一种实施方式，上述每个子图像大小可以相同。也就是说，每个子图像在目标方向上的宽度是相同的，例如，可以与屏幕的宽度相同等，具体不进行限定。

在这种情况下，如图3所示，上述重置所述当前第一个子图像于最后一个子图像之后的步骤，可以包括：

S301，根据预先建立的索引值确定当前需要重置的子图像；

由于在图像移动显示过程中，电子设备需要不断将移动到屏幕外的子图像重置与当前最后一个子图像之后，因此为了方便确定当前需要重置的子图像，也就是当前第一个子图像，可以预先建立索引值与子图像的对应关系，这样，电子设备便可以快速准确地确定当前需要重置的子图像。

例如，节点包括3个子图像，分别为子图像a、子图像b以及子图像c，那么电子设备可以设定索引值index＝0对应于子图像a，索引值index＝1对应于子图像b，索引值index＝2对应于子图像c。那么，如果电子设备确定当前的索引值index＝2，便可以确定当前第一个子图像为子图像c。

S302，基于所述子图像的在所述目标方向上的宽度以及重置倍数，确定重置位置；

确定了当前需要重置的子图像后，电子设备可以确定重置位置。由于重置子图像即为将当前第一个子图像放置于最后一个子图像之后，对于各个子图像而言，第一个子图像与最后一个子图像之间的距离差为除了第一个子图像以外的其他子图像的宽度。同时，针对节点来说，由于重置一次子图像，节点也就移动了一个子图像的宽度，所以当前时刻节点移动了N个子图像宽度的距离，其中，N为子图像的重置次数。

由于各个子图像的大小相同，所以重置位置为子图像的宽度的倍数，因此电子设备可以根据重置次数确定重置倍数，进而基于子图像的在目标方向上的宽度以及该重置倍数，确定重置位置。

S303，将所述当前需要重置的子图像置于所述重置位置。

确定了重置位置之后，电子设备便可以将当前需要重置的子图像置于该重置位置，以达到将当前移动到屏幕外的子图像放置于节点的最后位置，且紧贴最后一个子图像的目的。

可见，在本实施例中，每个子图像大小可以相同，电子设备可以根据预先建立的索引值确定当前需要重置的子图像，基于子图像的在目标方向上的宽度以及重置倍数，确定重置位置，进而将当前需要重置的子图像置于重置位置，这样，可以快速准确地确定重置位置，保证重置后的子图像与前一个子图像之间不存在缝隙。

作为本发明实施例的一种实施方式，上述基于所述子图像的在所述目标方向上的宽度以及重置倍数，确定重置位置的步骤，可以包括：

根据公式p＝Width*multiple，计算得到重置位置p；将所述重置倍数加1，作为新的重置倍数。

由于各个子图像的大小相同，所以重置位置为子图像的宽度的倍数，该倍数即为重置倍数，其中，Width为每个子图像的在目标方向上的宽度，multiple为重置倍数，重置倍数的初始值为子图像的数量。

以子图像的数量为3个为例进行说明，该3个子图像分别为子图像a、子图像b以及子图像c，那么在第一次重置时，也就是子图像a第一次移动到屏幕外时，此时需要将子图像a移动到子图像c之后，同时，在子图像a移动到屏幕外的过程中，节点移动了子图像a的宽度的距离，所以想要将子图像a重置到子图像c之后，相对于节点便需要移动3个子图像的宽度，所以重置倍数的初始值为子图像的数量。

当第一次重置子图像b时，由于节点此时继续向目标方向移动了1个子图像的宽度，所以想要将子图像b重置到子图像a之后，相对于节点便需要移动4个子图像的宽度，以此类推，每次重置一个子图像，移动的距离便增加一个子图像的宽度，所以为了方便计算，每次重置一个子图像后，将重置倍数加1，作为新的重置倍数，这样，每次重置子图像时，便可以按照公式p＝Width*multiple，计算得到重置位置p。

可见，在本实施例中，电子设备根据公式p＝Width*multiple，计算得到重置位置p，然后将重置倍数加1，作为新的重置倍数，这样每次重置子图像时，均可以按照该公式确定重置位置p，由于只需要进行乘法计算，且不涉及小数计算，可以快速确定重置位置，且不会产生缝隙。

作为本发明实施例的一种实施方式，如图4所示，上述重置所述当前第一个子图像于最后一个子图像之后的步骤，可以包括：

S401，根据预先建立的索引值确定当前需要重置的子图像；

该步骤S401与上述步骤S301相同，可以参加上述步骤S301部分的说明，在此不再赘述。

S402，基于所述子图像的在所述目标方向上的宽度以及重置次数，确定重置位置；

由于重置子图像即为将当前第一个子图像放置于最后一个子图像之后，对于各个子图像而言，第一个子图像与最后一个子图像之间的距离差为除了第一个子图像以外的其他子图像的宽度。同时，针对节点来说，由于重置一次子图像，节点也就移动了当前第一个子图像的宽度，所以重置位置与子图像的在目标方向上的宽度以及重置次数相关。电子设备可以根据子图像的在目标方向上的宽度以及重置次数确定重置位置。

S403，将所述当前需要重置的子图像置于所述重置位置。

该步骤S403与上述步骤S303相同，可以参加上述步骤S303部分的说明，在此不再赘述。

需要说明的是，在本实施例中，子图像的大小可以相同，也可以不同，均可以采用上述方式将当前需要重置的子图像置于重置位置。

可见，在本实施例中，电子设备可以根据预先建立的索引值确定当前需要重置的子图像，基于子图像的在目标方向上的宽度以及重置次数，确定重置位置，进而将当前需要重置的子图像置于重置位置，这样，不管子图像的大小是否相同，均可以快速准确地确定重置位置，保证重置后的子图像与前一个子图像之间不存在缝隙。

作为本发明实施例的一种实施方式，上述基于所述子图像的在所述目标方向上的宽度以及重置次数，确定重置位置的步骤，可以包括：

根据公式p＝Ws*n+Wm，计算得到重置位置p；当重置次数达到所述子图像的数量时，将所述重置倍数加1，作为新的重置倍数。

其中，Ws为中除第一个子图像外的其他子图像在目标方向上的宽度和，n为重置倍数，Wm为在节点中初始排列在当前第一个子图像之前的子图像以及当前第一个子图像在目标方向上的宽度和。

以子图像的数量为3个为例进行说明，该3个子图像分别为子图像A、子图像B以及子图像C，那么在第一次重置时，也就是子图像A第一次移动到屏幕外时，此时需要将子图像A移动到子图像C之后，同时，在子图像A移动到屏幕外的过程中，节点移动了子图像A的宽度的距离，所以想要将子图像A重置到子图像C之后，相对于节点便需要移动子图像B、子图像C以及图像A在目标方向上的宽度和，也就是(图像B的宽度+子图像C的宽度)*1+图像A的宽度，所以重置倍数的初始值为1。

当第一次重置子图像B时，由于节点此时继续向目标方向移动了子图像B的宽度，所以想要将子图像B重置到子图像A之后，相对于节点便需要移动子图像B的宽度+子图像C的宽度+子图像A的宽度+子图像B的宽度的距离，以此类推，每次重置一个子图像，移动的距离便增加当前第一个子图像的宽度，可以看出，每次重置子图像时，重置位置均为子图像B的宽度+子图像C的宽度的宽度和，再加上当前第一个子图像的宽度以及在节点中初始排列在当前第一个子图像之前的子图像的宽度。

每当所有子图像均重置过一次后，相当于重新从初始排列在节点中的第一子图像开始重置，因此此时可以将重置倍数加1，作为新的重置倍数。进而，在每次确定重置位置时，便可以按照公式p＝Ws*n+Wm，计算得到重置位置p。

可见，在本实施例中，电子设备可以根据公式p＝Ws*n+Wm，计算得到重置位置p，当重置次数达到子图像的数量时，将重置倍数加1，作为新的重置倍数。这样，无论子图像的大小是否相同，均可以根据公式p＝Ws*n+Wm，计算得到重置位置p，同时由于子图像的大小均为整数，不涉及小数计算，所以可以快速确定重置位置，且不会产生缝隙。

作为本发明实施例的一种实施方式，如图5所示，上述根据预先建立的索引值确定当前需要重置的子图像的步骤，可以包括：

S501，获取当前索引值；

当需要进行子图像重置时，电子设备可以根据索引值确定当前需要重置的子图像，那么电子设备可以获取当前索引值。索引值可以为数字、字母、字符等。由于数字具有标识顺序的特性，因此为了方便计算，可以将采用数字作为索引值。

S502，根据预设的索引值与子图像标识的对应关系，确定所述当前索引值对应的目标子图像标识，作为当前需要重置的子图像的标识；

获取当前索引值后，电子设备可以预设的索引值与子图像标识的对应关系，确定当前索引值对应的目标子图像标识，该目标子图像标识也就是当前需要重置的子图像的标识。

例如，预设的索引值与子图像标识的对应关系如下表所示：

那么如果电子设备获取的当前索引值为2，便可以确定目标子图像标识为t3。图像标识为t3的子图像即为当前需要重置的子图像。

S503，将所述当前索引值加1，作为新的当前索引值，并在更新次数为所有子图像的数量时，将所述当前索引值置0。

其中，为了方便计算，可以设置索引值的初始值为0，这样，每确定一次目标子图像标识后，由于下一次需要重置的子图像为下一个子图像，所以可以将当前索引值加1，作为新的当前索引值，这样，下一次重置子图像时获取的便为下一个子图像对应的索引值。

由于子图像是移动显示的，也就是按照顺序循环显示，所以当所有子图像均重置一次之后，便又需要重置第一个子图像，如此循环下去，直到停止图像移动显示。所以，在更新次数为所有子图像的数量时，可以将当前索引值置0，以保证下一次重置第一个子图像时，获取的当前索引值是正确的。

可见，在本实施例中，电子设备可以将获取当前索引值，根据预设的索引值与子图像标识的对应关系，确定当前索引值对应的目标子图像标识，作为当前需要重置的子图像的标识，然后将当前索引值加1，作为新的当前索引值，并在更新次数为所有子图像的数量时，将当前索引值置0，这样，可以基于当前索引值款速准确地确定需要重铸的子图像，便于电子设备的计算。

作为本发明实施例的一种实施方式，上述向目标方向移动所述节点以使所述图像向所述目标方向移动显示的步骤，可以包括：

调用预设更新函数按照预设速度更新所述节点在所述目标方向上的位置，以使所述图像向所述目标方向移动显示。

电子设备可以根据图像移动显示的需要设定节点移动的速度，也就是预设速度，这样，节点便可以按照预设速度移动，带动子图像按照预设移动速度进行移动，以达到向目标方向移动显示的效果。

由于Update更新函数的调用次数可以非常频繁，通常情况下1秒内可以执行60次，所以可以调用该更新函数进行节点的移动。在update函数中，设置节点的位置一直改变，也就是加上某一个数值，该数值即为上述预设速度，这样，节点便可以持续移动。

即使预设移动速度为小数，但是由于重置子图像的位置时，并不需要考虑节点的移动速度，所以也不会造成出现小数的误差。相关技术中将移动的单位由小数变为整数，以保证计算重置位置时不会出现误差，但是这样图像只能以整数单位进行移动，非常不灵活，无法实现缓慢移动的效果。

可见，在本实施例中，电子设备可以调用预设更新函数按照预设速度更新节点在目标方向上的位置，以使图像向目标方向移动显示，可以保证图像移动显示的顺利进行，即使移动速度为小数时，可以实现缓慢移动的效果，也不会出现黑边现象。

相应于上述图像移动显示方法，本发明实施例还提供了一种图像移动显示装置。

下面对本发明实施例所提供的一种图像移动显示装置进行介绍。

如图6所示，一种图像移动显示装置，所述装置包括：

图像显示模块610，用于在获取图像显示指令时，在屏幕中显示预先创建的节点对应的图像；

节点移动模块620，用于向目标方向移动所述节点以使所述图像向所述目标方向移动显示。

其中，所述节点具有多个子节点，每个子节点为一个子图像，每个子图像沿所述目标方向并排排列。

可见，本发明实施例所提供的方案中，电子设备在获取图像显示指令时，在屏幕中显示预先创建的节点对应的图像，并向目标方向移动节点以使图像向目标方向移动显示，其中，节点具有多个子节点，每个子节点为一个子图像，每个子图像沿所述目标方向并排排列。本方案中，多个子图像作为一个节点的多个子节点，由于父物体改变位置时，子物体相对于父物体的位置不变，所以父物体移动会带着子物体移动，但子物体本身的坐标并没有改变，也就是说，节点在不停移动时带动子图像移动，而不需要考虑子图像当前的位置，所以不会涉及小数的计算，也就是不会因为产生误差而出现缝隙。

作为本发明实施例的一种实施方式，上述装置还可以包括：

移动距离记录模块(图6中未示出)，用于在多个所述子图像向所述目标方向移动显示过程中，记录所述节点在所述目标方向上的移动距离；

子图像重置模块(图6中未示出)，用于当所述移动距离达到当前第一个子图像在所述目标方向上的宽度时，重置所述当前第一个子图像于最后一个子图像之后，直到获取到停止显示指令。

作为本发明实施例的一种实施方式，上述每个子图像大小可以相同；

上述子图像重置模块可以包括：

子图像确定单元(图6中未示出)，用于根据预先建立的索引值确定当前需要重置的子图像；

第一重置位置确定单元(图6中未示出)，用于基于所述子图像的在所述目标方向上的宽度以及重置倍数，确定重置位置；

第一子图像重置单元(图6中未示出)，用于将所述当前需要重置的子图像置于所述重置位置。

作为本发明实施例的一种实施方式，上述第一重置位置确定单元可以包括：

第一重置位置计算子单元(图6中未示出)，用于根据公式p＝Width*multiple，计算得到重置位置p；

其中，Width为所述每个子图像的在所述目标方向上的宽度，multiple为所述重置倍数。

第一将重置倍数更新单元(图6中未示出)，用于所述重置倍数加1，作为新的重置倍数。

其中，所述重置倍数的初始值为所述子图像的数量。

作为本发明实施例的一种实施方式，上述子图像重置模块可以包括：

子图像确定单元(图6中未示出)，用于根据预先建立的索引值确定当前需要重置的子图像；

第二重置位置确定单元(图6中未示出)，用于基于所述子图像的在所述目标方向上的宽度以及重置倍数，确定重置位置；

第二子图像重置单元(图6中未示出)，用于将所述当前需要重置的子图像置于所述重置位置。

作为本发明实施例的一种实施方式，上述第二重置位置确定单元可以包括：

第二重置位置计算子单元(图6中未示出)，用于根据公式p＝Ws*n+Wm，计算得到重置位置p；

其中，Ws为中除第一个子图像外的其他子图像在所述目标方向上的宽度和，n为重置倍数，Wm为在所述节点中初始排列在所述当前第一个子图像之前的子图像以及所述当前第一个子图像在所述目标方向上的宽度和。

第二将重置倍数更新单元(图6中未示出)，用于当重置次数达到所述子图像的数量时，将所述重置倍数加1，作为新的重置倍数。

其中，所述重置倍数的初始值为1。

作为本发明实施例的一种实施方式，上述子图像确定单元可以包括：

索引值获取子单元(图6中未示出)，用于获取当前索引值；

标识确定子单元(图6中未示出)，用于根据预设的索引值与子图像标识的对应关系，确定所述当前索引值对应的目标子图像标识，作为当前需要重置的子图像的标识；

索引值更新子单元(图6中未示出)，用于将所述当前索引值加1，作为新的当前索引值，并在更新次数为所有子图像的数量时，将所述当前索引值置0。

其中，索引值的初始值为0。

作为本发明实施例的一种实施方式，上述节点移动模块610可以包括：

节点移动单元(图6中未示出)，用于调用预设更新函数按照预设速度更新所述节点在所述目标方向上的位置，以使所述图像向所述目标方向移动显示。

本发明实施例还提供了一种电子设备，如图7所示，电子设备可以包括处理器701、通信接口702、存储器703和通信总线704，其中，处理器701，通信接口702，存储器703通过通信总线704完成相互间的通信，

存储器703，用于存放计算机程序；

处理器701，用于执行存储器703上所存放的程序时，实现如下步骤：

在屏幕中显示预先创建的节点对应的图像；

向目标方向移动所述节点以使所述图像向所述目标方向移动显示。

其中，所述节点具有多个子节点，每个子节点为一个子图像，每个子图像沿所述目标方向并排排列。

可见，本发明实施例所提供的方案中，电子设备在获取图像显示指令时，在屏幕中显示预先创建的节点对应的图像，并向目标方向移动节点以使图像向目标方向移动显示，其中，节点具有多个子节点，每个子节点为一个子图像，每个子图像沿所述目标方向并排排列。本方案中，多个子图像作为一个节点的多个子节点，由于父物体改变位置时，子物体相对于父物体的位置不变，所以父物体移动会带着子物体移动，但子物体本身的坐标并没有改变，也就是说，节点在不停移动时带动子图像移动，而不需要考虑子图像当前的位置，所以不会涉及小数的计算，也就是不会因为产生误差而出现缝隙。

上述电子设备提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect，PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture，EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

通信接口用于上述电子设备与其他设备之间的通信。

存储器可以包括随机存取存储器(Random Access Memory，RAM)，也可以包括非易失性存储器(Non-Volatile Memory，NVM)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。

上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，CPU)、网络处理器(Network Processor，NP)等；还可以是数字信号处理器(Digital SignalProcessing，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

其中，上述方法还可以包括：

在多个所述子图像向所述目标方向移动显示过程中，记录所述节点在所述目标方向上的移动距离；

当所述移动距离达到当前第一个子图像在所述目标方向上的宽度时，重置所述当前第一个子图像于最后一个子图像之后，直到获取到停止显示指令。

其中，上述每个子图像大小可以相同；

上述重置所述当前第一个子图像于最后一个子图像之后的步骤，可以包括：

根据预先建立的索引值确定当前需要重置的子图像；

基于所述子图像的在所述目标方向上的宽度以及重置倍数，确定重置位置；

将所述当前需要重置的子图像置于所述重置位置。

其中，上述基于所述子图像的在所述目标方向上的宽度以及重置倍数，确定重置位置的步骤，可以包括：

根据公式p＝Width*multiple，计算得到重置位置p；

其中，Width为所述每个子图像的在所述目标方向上的宽度，multiple为所述重置倍数。

将所述重置倍数加1，作为新的重置倍数，其中，所述重置倍数的初始值为所述子图像的数量。

其中，上述重置所述当前第一个子图像于最后一个子图像之后的步骤，可以包括：

根据预先建立的索引值确定当前需要重置的子图像；

基于所述子图像的在所述目标方向上的宽度以及重置次数，确定重置位置；

将所述当前需要重置的子图像置于所述重置位置。

其中，上述基于所述子图像的在所述目标方向上的宽度以及重置次数，确定重置位置的步骤，可以包括：

根据公式p＝Ws*n+Wm，计算得到重置位置p；

其中，Ws为中除第一个子图像外的其他子图像在所述目标方向上的宽度和，n为重置倍数，Wm为在所述节点中初始排列在所述当前第一个子图像之前的子图像以及所述当前第一个子图像在所述目标方向上的宽度和。

当重置次数达到所述子图像的数量时，将所述重置倍数加1，作为新的重置倍数。

其中，所述重置倍数的初始值为1。

其中，上述根据预先建立的索引值确定当前需要重置的子图像的步骤，可以包括：

获取当前索引值；

根据预设的索引值与子图像标识的对应关系，确定所述当前索引值对应的目标子图像标识，作为当前需要重置的子图像的标识；

将所述当前索引值加1，作为新的当前索引值，并在更新次数为所有子图像的数量时，将所述当前索引值置0。

其中，索引值的初始值为0。

其中，上述向目标方向移动所述节点以使所述图像向所述目标方向移动显示的步骤，可以包括：

调用预设更新函数按照预设速度更新所述节点在所述目标方向上的位置，以使所述图像向所述目标方向移动显示。

本发明实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：

在屏幕中显示预先创建的节点对应的图像；

向目标方向移动所述节点以使所述图像向所述目标方向移动显示。

其中，所述节点具有多个子节点，每个子节点为一个子图像，每个子图像沿所述目标方向并排排列。

可见，本发明实施例所提供的方案中，计算机程序被处理器执行时，获取图像显示指令时，在屏幕中显示预先创建的节点对应的图像，并向目标方向移动节点以使图像向目标方向移动显示，其中，节点具有多个子节点，每个子节点为一个子图像，每个子图像沿所述目标方向并排排列。本方案中，多个子图像作为一个节点的多个子节点，由于父物体改变位置时，子物体相对于父物体的位置不变，所以父物体移动会带着子物体移动，但子物体本身的坐标并没有改变，也就是说，节点在不停移动时带动子图像移动，而不需要考虑子图像当前的位置，所以不会涉及小数的计算，也就是不会因为产生误差而出现缝隙。

其中，上述方法还可以包括：

在多个所述子图像向所述目标方向移动显示过程中，记录所述节点在所述目标方向上的移动距离；

当所述移动距离达到当前第一个子图像在所述目标方向上的宽度时，重置所述当前第一个子图像于最后一个子图像之后，直到获取到停止显示指令。

其中，上述每个子图像大小可以相同；

上述重置所述当前第一个子图像于最后一个子图像之后的步骤，可以包括：

根据预先建立的索引值确定当前需要重置的子图像；

基于所述子图像的在所述目标方向上的宽度以及重置倍数，确定重置位置；

将所述当前需要重置的子图像置于所述重置位置。

其中，上述基于所述子图像的在所述目标方向上的宽度以及重置倍数，确定重置位置的步骤，可以包括：

根据公式p＝Width*multiple，计算得到重置位置p；

其中，Width为所述每个子图像的在所述目标方向上的宽度，multiple为所述重置倍数。

将所述重置倍数加1，作为新的重置倍数，其中，所述重置倍数的初始值为所述子图像的数量。

其中，上述重置所述当前第一个子图像于最后一个子图像之后的步骤，可以包括：

根据预先建立的索引值确定当前需要重置的子图像；

基于所述子图像的在所述目标方向上的宽度以及重置次数，确定重置位置；

将所述当前需要重置的子图像置于所述重置位置。

其中，上述基于所述子图像的在所述目标方向上的宽度以及重置次数，确定重置位置的步骤，可以包括：

根据公式p＝Ws*n+Wm，计算得到重置位置p；

其中，Ws为中除第一个子图像外的其他子图像在所述目标方向上的宽度和，n为重置倍数，Wm为在所述节点中初始排列在所述当前第一个子图像之前的子图像以及所述当前第一个子图像在所述目标方向上的宽度和。

当重置次数达到所述子图像的数量时，将所述重置倍数加1，作为新的重置倍数。

其中，所述重置倍数的初始值为1。

其中，上述根据预先建立的索引值确定当前需要重置的子图像的步骤，可以包括：

获取当前索引值；

根据预设的索引值与子图像标识的对应关系，确定所述当前索引值对应的目标子图像标识，作为当前需要重置的子图像的标识；

将所述当前索引值加1，作为新的当前索引值，并在更新次数为所有子图像的数量时，将所述当前索引值置0。

其中，索引值的初始值为0。

其中，上述向目标方向移动所述节点以使所述图像向所述目标方向移动显示的步骤，可以包括：

调用预设更新函数按照预设速度更新所述节点在所述目标方向上的位置，以使所述图像向所述目标方向移动显示。

需要说明的是，对于上述装置、电子设备及计算机可读存储介质实施例而言，由于其基本相似于相应方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

进一步需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。

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

Claims (10)

1.一种图像移动显示方法，其特征在于，所述方法包括：

在屏幕中显示预先创建的节点对应的图像；

向目标方向移动所述节点以使所述图像向所述目标方向移动显示，其中，所述节点具有多个子节点，每个子节点为一个子图像，每个子图像沿所述目标方向并排排列。

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

在多个所述子图像向所述目标方向移动显示过程中，记录所述节点在所述目标方向上的移动距离；

当所述移动距离达到当前第一个子图像在所述目标方向上的宽度时，重置所述当前第一个子图像于最后一个子图像之后，直到获取到停止显示指令。

3.如权利要求2所述的方法，其特征在于，所述每个子图像大小相同；

所述重置所述当前第一个子图像于最后一个子图像之后的步骤，包括：

根据预先建立的索引值确定当前需要重置的子图像；

基于所述子图像的在所述目标方向上的宽度以及重置倍数，确定重置位置；

将所述当前需要重置的子图像置于所述重置位置。

4.如权利要求3项所述的方法，其特征在于，所述基于所述子图像的在所述目标方向上的宽度以及重置倍数，确定重置位置的步骤，包括：

根据公式p＝Width*multiple，计算得到重置位置p，其中，Width为所述每个子图像的在所述目标方向上的宽度，multiple为所述重置倍数；

将所述重置倍数加1，作为新的重置倍数，其中，所述重置倍数的初始值为所述子图像的数量。

5.如权利要求2所述的方法，其特征在于，所述重置所述当前第一个子图像于最后一个子图像之后的步骤，包括：

根据预先建立的索引值确定当前需要重置的子图像；

基于所述子图像的在所述目标方向上的宽度以及重置次数，确定重置位置；

将所述当前需要重置的子图像置于所述重置位置。

6.如权利要求5所述的方法，其特征在于，所述基于所述子图像的在所述目标方向上的宽度以及重置次数，确定重置位置的步骤，包括：

根据公式p＝Ws*n+Wm，计算得到重置位置p，其中，Ws为中除第一个子图像外的其他子图像在所述目标方向上的宽度和，n为重置倍数，Wm为在所述节点中初始排列在所述当前第一个子图像之前的子图像以及所述当前第一个子图像在所述目标方向上的宽度和；

当重置次数达到所述子图像的数量时，将所述重置倍数加1，作为新的重置倍数，其中，所述重置倍数的初始值为1。

7.如权利要求3或5所述的方法，其特征在于，所述根据预先建立的索引值确定当前需要重置的子图像的步骤，包括：

获取当前索引值；

根据预设的索引值与子图像标识的对应关系，确定所述当前索引值对应的目标子图像标识，作为当前需要重置的子图像的标识；

将所述当前索引值加1，作为新的当前索引值，并在更新次数为所有子图像的数量时，将所述当前索引值置0，其中，索引值的初始值为0。

8.一种图像移动显示装置，其特征在于，所述装置包括：

图像显示模块，用于在屏幕中显示预先创建的节点对应的图像；

节点移动模块，用于向目标方向移动所述节点以使所述图像向所述目标方向移动显示，其中，所述节点具有多个子节点，每个子节点为一个子图像，每个子图像沿所述目标方向并排排列。

9.一种电子设备，其特征在于，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现权利要求1-7任一所述的方法步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1-7任一所述的方法步骤。

Images