CN107688427B - 一种图像显示方法及装置 - Google Patents

Abstract

本发明公开了一种图像显示方法及装置，所述方法包括：针对被拖动后的图像，根据被拖动后的所述图像与显示区域的重叠区域，确定所述图像被显示部分的显示宽度和显示高度；对所述图像进行缩放处理，缩放处理后所述图像的第一宽度和第一高度分别为所述显示宽度和显示高度，将缩放处理后的图像显示在所述重叠区域。由于在本发明实施例中，针对被拖动后的图像，根据重叠区域，可以确定图像被显示部分的显示宽度和显示高度，并且对图像进行缩放处理，缩放处理后所述图像的第一宽度和第一高度分别为所述显示宽度和显示高度，因此可以在重叠区域中显示图像的全部内容，方便用户的信息获取，提高了用户体验。

Description

一种图像显示方法及装置

技术领域

本发明涉及图像处理领域，尤其涉及一种图像显示方法及装置。

背景技术

当在终端上显示图像时，用户可以根据自身的需求，在显示区域中拖动图像。用户可能将图像拖动到显示区域边缘的位置，比如用户将图像拖动到显示区域的左上角的位置。用户在拖动图像时，可能将图像的一部分拖动到显示区域之外。

现有技术中如果用户将图像的一部分拖动到显示区域之外，在进行显示时，将只显示图像位于该显示区域中的部分。如图1A所示，当将位于显示区域边缘的图像继续拖动时，该图像的一部分将会被拖动到显示区域以外，如图1B所示，此时只显示图像位于该显示区域中的部分，位于显示区域之外的部分将无法显示。因此现有技术中用户将图像拖动到显示区域之外时，位于显示区域之外的部分将无法显示，将使用户无法获知完整的图像内容，影响用户的体验。

发明内容

本发明实施例提供了一种图像显示方法及装置，用以实现当图像拖动到显示区域边缘外时，能够显示完整的图像，提高用户体验。

本发明实施例提供了一种图像显示方法，该方法包括：

针对被拖动后的图像，根据被拖动后的所述图像与显示区域的重叠区域，确定所述图像被显示部分的显示宽度和显示高度；

对所述图像进行缩放处理，缩放处理后所述图像的第一宽度和第一高度分别为所述显示宽度和显示高度，将缩放处理后的图像显示在所述重叠区域。

进一步地，确定所述图像被显示部分的显示宽度和显示高度之后，对所述图像进行缩放处理之前，所述方法还包括：

判断所述显示宽度和显示高度是否分别与确定的所述图像的原始宽度和原始高度相同，如果是，不对所述图像进行缩放处理，如果否，进行后续步骤。

进一步地，确定所述图像的原始宽度和原始高度包括：

对所述图像对应的视频数据进行解码处理，确定所述图像的原始宽度和原始高度。

进一步地，确定所述图像被显示部分的显示宽度和显示高度之前，所述方法还包括：

判断所述重叠区域的第二宽度和第二高度中的任意一个是否小于对应的第一阈值；

如果所述重叠区域的第二宽度和第二高度中至少一个小于对应的第一阈值，根据保存的对应目标值，对小于对应第一阈值的所述第二宽度和/或第二高度进行更新，并根据更新后的第二宽度和/或第二高度对所述重叠区域进行更新。

进一步地，所述方法还包括：

针对显示区域显示的其他图像，确定所述图像与所述其他图像的水平距离或垂直距离；判断所述水平距离或垂直距离是否小于设定的距离阈值；如果是，根据所述小于设定的距离阈值的水平距离或垂直距离，将所述图像在水平方向或垂直方向上，向所述其他图像移动所述水平距离或垂直距离。

进一步地，如果所述水平距离或垂直距离小于设定的距离阈值，所述方法还包括：

确定所述图像与所述其他图像的显示高度差或显示宽度差；

判断所述显示高度差或显示宽度差是否小于对应的第二阈值；

如果是，根据所述其他图像的显示高度或显示宽度确定所述图像更新后的显示高度或显示宽度，并根据所述更新后的显示高度或显示宽度对所述图像进行缩放处理并显示。

另一方面，本发明实施例提供了一种图像处理装置，所述装置包括：

确定模块，用于针对被拖动后的图像，根据被拖动后的所述图像与显示区域的重叠区域，确定所述图像被显示部分的显示宽度和显示高度；

缩放显示模块，用于对所述图像进行缩放处理，缩放处理后所述图像的第一宽度和第一高度分别为所述显示宽度和显示高度，将缩放处理后的图像显示在所述重叠区域。

进一步地，所述装置还包括：

判断模块，用于判断所述显示宽度和显示高度是否分别与确定的所述图像的原始宽度和原始高度相同，如果是，不对所述图像进行缩放处理，如果否，对所述图像进行缩放处理。

进一步地，所述装置还包括：

解码模块，用于对所述图像对应的视频数据进行解码处理，确定所述图像的原始宽度和原始高度。

进一步地，所述装置还包括：

更新模块，用于判断所述重叠区域的第二宽度和第二高度中的任意一个是否小于对应的第一阈值；如果所述重叠区域的第二宽度和第二高度中至少一个小于对应的第一阈值，根据保存的对应目标值，对小于对应第一阈值的所述第二宽度和/或第二高度进行更新，并根据更新后的第二宽度和/或第二高度对所述重叠区域进行更新。

进一步地，所述装置还包括：

移动模块，用于针对显示区域显示的其他图像，确定所述图像与所述其他图像的水平距离或垂直距离；判断所述水平距离或垂直距离是否小于设定的距离阈值；如果是，根据所述小于设定的距离阈值的水平距离或垂直距离，将所述图像在水平方向或垂直方向上，向所述其他图像移动所述水平距离或垂直距离。

进一步地，所述装置还包括：

缩放模块，用于确定所述图像与所述其他图像的显示高度差或显示宽度差；判断所述显示高度差或显示宽度差是否小于对应的第二阈值；如果是，根据所述其他图像的显示高度或显示宽度确定所述图像更新后的显示高度或显示宽度，并根据所述更新后的显示高度或显示宽度对所述图像进行缩放处理并显示。

本发明实施例提供了一种图像显示方法及装置，所述方法包括：针对被拖动后的图像，根据被拖动后的所述图像与显示区域的重叠区域，确定所述图像被显示部分的显示宽度和显示高度；对所述图像进行缩放处理，缩放处理后所述图像的第一宽度和第一高度分别为所述显示宽度和显示高度，将缩放处理后的图像显示在所述重叠区域。由于在本发明实施例中，针对被拖动后的图像，根据重叠区域，可以确定图像被显示部分的显示宽度和显示高度，并且对图像进行缩放处理，缩放处理后所述图像的第一宽度和第一高度分别为所述显示宽度和显示高度，因此可以在重叠区域中显示图像的全部内容，方便用户的信息获取，提高了用户体验。

附图说明

图1A为现有技术中将图像拖动到显示区域边缘的示意图；

图1B为现有技术中提供的将图像拖出显示区域的边缘的示意图；

图2为本发明实施例提供的一种图像显示过程示意图；

图3为本发明实施例2提供的图像仅被拖出显示区域的左边缘示意图；

图4为本发明实施例2提供的图像仅被拖出显示区域的上边缘示意图；

图5为本发明实施例2提供的图像被拖出显示区域的左边缘和上边缘示意图；

图6为本发明实施例2提供的图像未被拖出显示区域边缘示意图；

图7A为本发明实施例4提供的将缩放处理后的图像显示在重叠区域的示意图；

图7B为本发明实施例4提供的移动所述图像之后的示意图；

图8A为本发明实施例5提供的将缩放处理后的图像显示在重叠区域的示意图；

图8B为本发明实施例5提供的对所述图像缩放处理之后的示意图；

图9为本发明实施例提供的一种图像处理装置结构示意图。

具体实施方式

下面将结合附图对本发明作进一步地详细描述，显然，所描述的实施例仅是本发明一部分实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

实施例1：

图2为本发明实施例提供的一种图像显示过程示意图，该过程包括以下步骤：

S201：针对被拖动后的图像，根据被拖动后的所述图像与显示区域的重叠区域，确定所述图像被显示部分的显示宽度和显示高度。

本发明实施例提供的图像显示方法应用于电子设备。所述电子设备包括PC、智能电视及平板电脑等设备。一般电子设备的显示区域是指显示器的显示屏对应的区域。

所述电子设备的显示区域可以显示图像，用户可以拖动显示区域中的图像。用户在拖动所述图像时，有可能将所述图像的一部分拖到显示区域边缘外，此时将只在图像与显示区域的重叠区域中显示图像的一部分。根据所述图像与显示区域的重叠区域，在该重叠区域中显示该图像被显示的部分，因此可以将该重叠区域的高度和宽度，作为图像被显示部分的显示宽度和显示高度。

在确定所述重叠区域时，针对被拖动后的所述图像，电子设备可以识别所述图像的位置信息，所述位置信息可以为所述图像的坐标信息，并且电子设备可以识别所述显示区域的坐标信息。根据所述图像的坐标信息以及所述显示区域的坐标信息，可以确定所述图像与显示区域的重叠区域。在本发明实施例中，所述显示区域为矩形区域，因此，通过识别所述图像的顶点的坐标信息以及所述显示区域的顶点的坐标信息，就可以确定所述图像与显示区域的重叠区域。

S202：对所述图像进行缩放处理，缩放处理后所述图像的第一宽度和第一高度分别为所述显示宽度和显示高度，将缩放处理后的图像显示在所述重叠区域。

所述电子设备中预先保存有所述图像的原始宽度和原始高度，为了实现当图像拖动到显示区域边缘外时，能够显示完整的图像，需要对所述图像进行缩放处理，缩放处理后的图像能够完整的显示在重叠区域，具体的，在进行缩放处理时，对所述图像的原始宽度和原始高度进行了调整，缩放处理后所述图像的第一宽度和第一高度分别为所述显示宽度和显示高度，也就是缩放处理后的图像的完整内容可以在重叠区域内显示。

由于在本发明实施例中，针对被拖动后的图像，根据重叠区域，可以确定图像被显示部分的显示宽度和显示高度，并且对图像进行缩放处理，缩放处理后所述图像的第一宽度和第一高度分别为所述显示宽度和显示高度，因此可以在重叠区域中显示图像的全部内容，方便用户的信息获取，提高了用户体验。

实施例2：

为了提高图像显示的效率，在上述实施例的基础上，在本发明实施例中，确定所述图像被显示部分的显示宽度和显示高度之后，对所述图像进行缩放处理之前，所述方法还包括：

判断所述显示宽度和显示高度是否分别与确定的所述图像的原始宽度和原始高度相同，如果是，不对所述图像进行缩放处理，如果否，对所述图像进行缩放处理。

用户拖动所述显示区域中的图像，有可能将所述图像的一部分同时拖出到显示区域的两个边缘外，此时，图像被显示的部分的显示宽度和显示高度都与图像的原始宽度和原始高度不相同，在对图像进行缩放处理时，需要对图像的原始宽度和原始高度都进行调整。当然也有可能是将图像的一部分只拖出到显示区域的一个边缘外，此时，图像被显示的部分的显示宽度或显示高度与图像的原始宽度或原始高度不相同，在对图像进行缩放处理时，需要对图像的原始宽度或原始高度进行调整。

还有一种情况，图像被拖动后可能还仍然全部位于显示区域内，此时图像被显示的部分的显示宽度和显示高度与图像的原始宽度和原始高度相同，因此为了提高图像的显示效率，可以不对图像进行缩放处理。

下面通过具体的例子进行详细说明。

例如，针对被拖动后的图像，电子设备中预先保存的所述图像的原始宽度为W₁，原始高度为H₁，所述图像的左上角顶点A的坐标为(x_A，y_A)，右下角顶点B的坐标为(x_B，y_B)，其中|x_B-x_A|＝W₁，|y_B-y_A|＝H₁。所述显示区域的左上角顶点S的坐标为(x_S，yS)，右下角顶点E的坐标为(x_E，y_E)。为了方便计算，可以使x_S＝0，y_S＝0，x_E＞0，y_E＞0，即S的坐标为(0，0)。

如图3所示，如果x_A＜0，y_A＞0，并且0＜x_B≤x_E，0＜y_B≤y_E，则说明所述图像仅被拖出所述显示区域的左边缘，则根据所述图像与显示区域的重叠区域，确定的所述图像被显示部分的显示宽度W₂为W₂＝W₁-|x_A|，确定的所述图像被显示部分的显示高度H₂为H₂＝H₁，对所述图像进行缩放处理，只需调整所述图像的原始宽度，缩放处理后的所述图像的第一宽度为所述显示宽度，即缩放处理后的所述图像的第一宽度为W₂，不对所述图像的原始高度进行调整。

如图4所示，如果x_A＞0，y_A＜0，并且0＜x_B≤x_E，0＜y_B≤y_E，则说明所述图像仅被拖出所述显示区域的上边缘，则根据所述图像与显示区域的重叠区域，确定的所述图像被显示部分的显示高度H₂为H₂＝H₁-|y_A|，所述图像被显示部分的显示宽度W₂为W₂＝W₁。对所述图像进行缩放处理，只需调整所述图像的原始高度，缩放处理后的所述图像的第一高度为所述显示高度，即缩放处理后的所述图像的第一高度为H₂，不对所述图像的原始宽度进行调整。

如图5所示，如果x_A＜0，y_A＜0，并且0＜x_B≤x_E，0＜y_B≤y_E，则说明所述图像同时被拖出所述显示区域的左边缘和上边缘，则根据所述图像与显示区域的重叠区域，确定的所述图像的显示宽度W₂为W₂＝W₁-|x_A|，确定的所述图像的显示高度H₂为H₂＝H₁-|y_A|。对所述图像进行缩放处理，需调整所述图像的原始宽度，缩放处理后的所述图像的第一宽度为所述显示宽度，即缩放处理后的所述图像的第一宽度为W₂，同时需调整所述图像的原始高度，缩放处理后的所述图像的第一高度为所述显示高度，即缩放处理后的所述图像的第一高度为H₂。

如图6所示，如果x_A＞0，y_A＞0，并且0＜x_B≤x_E，0＜y_B≤y_E，则说明所述图像全部位于显示区域内，此时图像被显示的部分的显示宽度和显示高度与图像的原始宽度和原始高度相同，即所述图像的显示宽度W₂＝W₁，所述图像的显示高度H₂＝H₁。不需要对所述图像的原始宽度和原始高度进行调整，因此可以不对图像进行缩放处理。

由于在本发明实施例中，如果所述显示宽度和显示高度分别与确定的所述图像的原始宽度和原始高度相同，则不对所述图像进行缩放处理，从而提高了图像显示的效率。

在本发明实施例中，确定所述图像的原始宽度和原始高度包括：

对所述图像对应的视频数据进行解码处理，确定所述图像的原始宽度和原始高度。

电子设备可以识别所述图像对应的视频数据，可以通过对所述视频数据进行解码处理，来确定所述图像的原始宽度和原始高度，电子设备在确定所述图像的原始宽度和原始高度之后，将所述图像的原始宽度和原始高度保存在本地。其中，对所述图像对应的视频数据进行解码处理，确定所述图像的原始宽度和原始高度的过程属于现有技术，在此不再对此过程进行赘述。

实施例3：

用户在拖动图像时，有可能将所述图像的大部分拖动到显示区域之外，而使得被拖动后的所述图像与显示区域的重叠区域很小，这样，根据所述重叠区域，确定所述图像被显示部分的显示宽度和显示高度会很小，进而对所述图像进行缩放处理，缩放处理后所述图像的第一宽度和第一高度分别为所述显示宽度和显示高度，将缩放处理后的图像显示在所述重叠区域，虽然在所述重叠区域能够显示完整的图像，但是由于所述显示宽度和显示高度很小，使得用户并不能清楚的获取显示在重叠区域中的所述图像中的信息，影响了用户体验。为了提高用户体验，在上述各实施例的基础上，在本发明实施例中，确定所述图像被显示部分的显示宽度和显示高度之前，所述方法还包括：

判断所述重叠区域的第二宽度和第二高度中的任意一个是否小于对应的第一阈值；

如果所述重叠区域的第二宽度和第二高度中至少一个小于对应的第一阈值，根据保存的对应目标值，对小于对应第一阈值的所述第二宽度和/或第二高度进行更新，并根据更新后的第二宽度和/或第二高度对所述重叠区域进行更新。

为了使用户能够获取显示在重叠区域中的所述图像中的信息，提高用户体验，在电子设备中保存有重叠区域的第二宽度和第二高度对应的第一阈值，其中该第二宽度对应的为该第一阈值中的第一宽度阈值，第二高度对应的是第一阈值中的第一高度阈值。电子设备在确定所述图像被显示部分的显示宽度和显示高度之前，需要判断所述重叠区域的第二宽度或第二高度是否小于对应的第一宽度阈值或第一高度阈值，如果所述第二宽度小于对应的第一宽度阈值，则说明确定所述图像被显示部分的显示宽度很小，将会影响用户的体验；如果所述第二高度小于对应的第一高度阈值，则说明确定所述图像被显示部分的显示高度很小，也将会影响用户的体验。其中，第二宽度对应的第一宽度阈值和第二高度对应的第一高度阈值可以相同，也可以不同。

电子设备中保存有第二宽度和第二高度的对应目标值，如果只有所述第二宽度小于对应的第一宽度阈值，则根据保存的对应目标值，对小于对应的第一宽度阈值的所述第二宽度进行更新；如果只有所述第二高度小于对应的第一高度阈值，则根据保存的对应目标值，对小于对应的第一高度阈值的所述第二高度进行更新；如果所述第二宽度和第二高度分别小于对应的第一宽度阈值和第一高度阈值，则根据保存的对应目标值，对小于对应的第一宽度阈值和第一高度阈值的所述第二宽度和第二高度进行更新。在对所述第二宽度和/或第二高度进行更新后，并根据更新后的第二宽度和/或第二高度对所述重叠区域进行更新。

其中，第二宽度对应的目标值和第二高度对应的目标值可以相同，也可以不同。第二宽度对应的目标值可以为第二宽度对应的第一宽度阈值，也可以大于第二宽度对应的第一宽度阈值，第二高度对应的目标值可以为第二高度对应的第一高度阈值，也可以大于第二高度对应的第一高度阈值。

例如，第二宽度对应的第一宽度阈值为40，第二高度对应的第一高度阈值为32，第二宽度对应的目标值为40，第二高度对应的目标值为32，如果所述第二宽度小于40，第二高度小于32，则根据保存第二宽度和第二高度对应的目标值，对小于对应的第一宽度阈值和第一高度阈值的所述第二宽度和第二高度进行更新，即将小于对应第一宽度阈值的所述第二宽度更新为40，将小于对应第一高度阈值的所述第二高度更新为32，并且根据更新后的第二宽度和第二高度对所述重叠区域进行更新，即将重叠区域的第二宽度更新为40，第二高度更新为32。根据更新后的重叠区域，确定所述图像被显示部分的显示宽度和显示高度，即所述图像被显示部分的显示宽度为40，显示高度为32。

由于在本发明实施例中，如果所述重叠区域的第二宽度和第二高度中至少一个小于对应的第一阈值时，根据保存的对应目标值，对小于对应的第一阈值的所述第二宽度和/或第二高度进行更新，并根据更新后的第二宽度和/或第二高度对所述重叠区域进行更新。使得用户能够获取显示在更新后的重叠区域中的所述图像中的信息，提高了用户体验。

实施例4：

用户在拖动图像时，有可能使得显示区域中的图像分布比较杂乱，为了进一步提高用户的体验，针对所述重叠区域显示的图像，如果显示区域中存在一个其他图像距离所述图像较近，可以将所述图像向所述其他图像移动，使得所述图像与所述其他图像之间无缝靠拢，从而提高用户体验。因此，在上述各实施例的基础上，在本发明实施例中，所述方法还包括：

针对显示区域显示的其他图像，确定所述图像与所述其他图像的水平距离或垂直距离；判断所述水平距离或垂直距离是否小于设定的距离阈值；如果是，根据所述小于设定的距离阈值的水平距离或垂直距离，将所述图像在水平方向或垂直方向上，向所述其他图像移动所述水平距离或垂直距离。

电子设备中存在多个通道，每个通道对应的图像都可以显示在所述显示区域中。电子设备在将缩放处理后的图像显示在重叠区域之后，针对显示区域显示的其他图像，可以确定所述图像与所述其他图像的水平距离或垂直距离，电子设备中保存有设定的距离阈值，电子设备判断所述水平距离或垂直距离是否小于设定的距离阈值，如果所述水平距离小于设定的距离阈值，则移动所述图像，使得所述图像与所述其他图像之间无缝靠拢，即根据所述小于设定的距离阈值的水平距离，将所述图像在水平方向上，向所述其他图像移动所述水平距离。如果所述垂直距离小于设定的距离阈值，则移动所述图像，使得所述图像与所述其他图像之间无缝靠拢，即根据所述小于设定的距离阈值的垂直距离，将所述图像在垂直方向上，向所述其他图像移动所述垂直距离。其中，所述设定的距离阈值一般为一个较小的值，例如可以是8、9、10等。

下面通过一个具体的例子进行说明。

图7A为将缩放处理后的图像显示在重叠区域的示意图，例如设定的距离阈值为10，如图7A所示，在所述显示区域中，存在一个与所述重叠区域显示的图像水平距离为9的其他图像，所述其他图像位于所述图像的左侧，由于所述图像与所述其他图像的水平距离小于设定的距离阈值，因此，将所述图像在水平方向上向左侧移动所述水平距离，即将所述图像向左移动的距离为9。移动后的示意图如图7B所示，显示区域中的所述图像和所述其他图像之间无缝靠拢，进一步提高了用户体验。

由于在本发明实施例中，针对显示区域显示的其他图像，确定所述图像与所述其他图像的水平距离或垂直距离，如果所述水平距离或垂直距离小于设定的距离阈值，根据所述小于设定的距离阈值的水平距离或垂直距离，将所述图像在水平方向或垂直方向上，向所述其他图像移动所述水平距离或垂直距离，从而使得所述图像和所述其他图像之间无缝靠拢，进一步提高了用户的体验。

实施例5：

如果显示区域中存在一个其他图像距离所述重叠区域显示的图像水平距离或垂直距离小于设定的距离阈值，可以将所述图像在水平方向或垂直方向，向所述其他图像移动所述水平距离或垂直距离，为了进一步提高用户的体验，如果所述图像和所述其他图像的显示高度差或显示宽度差较小，可以将所述图像的显示高度或显示宽度进行更新，使得所述图像和所述其他图像的显示高度相同或显示宽度相同，从而进一步提高用户的体验。因此，在上述各实施例的基础上，在本发明实施例中，如果所述水平距离或垂直距离小于设定的距离阈值，所述方法还包括：

确定所述图像与所述其他图像的显示高度差或显示宽度差；

判断所述显示高度差或显示宽度差是否小于对应的第二阈值；

如果是，根据所述其他图像的显示高度或显示宽度确定所述图像更新后的显示高度或显示宽度，并根据所述更新后的显示高度或显示宽度对所述图像进行缩放处理并显示。

电子设备中保存有显示高度差和显示宽度差对应的第二阈值，其中该显示高度差对应的为该第二阈值中的第二高度阈值，显示宽度差对应的是第二阈值中的第二宽度阈值，电子设备在确定所述水平距离或垂直距离小于设定的距离阈值之后，根据所述图像的显示高度和显示宽度，以及所述其他图像的显示高度和显示宽度，可以确定所述图像与所述其他图像的显示高度差或显示宽度差，判断所述显示高度差或显示宽度差是否小于对应的第二高度阈值或第二宽度阈值，如果所述显示高度差小于对应的第二高度阈值，则根据所述其他图像的显示高度确定所述图像更新后的显示高度，使得所述图像和所述其他图像的显示高度相同。如果所述显示宽度差小于对应的第二宽度阈值，则根据所述其他图像的显示宽度确定所述图像更新后的显示宽度，使得所述图像和所述其他图像的显示宽度相同。根据所述其他图像的显示高度或显示宽度确定所述图像更新后的显示高度或显示宽度之后，根据所述更新后的显示高度或显示宽度对所述图像进行缩放处理并显示。其中，显示高度差对应的第二高度阈值和显示宽度差对应的第二宽度阈值可以相同，也可以不同。

具体的，对所述图像进行缩放处理，缩放处理后的所述图像的显示高度与所述其他图像的显示高度相同，或缩放处理后的所述图像的显示宽度与所述其他图像的显示宽度相同，并根据更新后的显示高度或显示宽度对所述重叠区域进行更新，将缩放处理后的图像显示在所述更新后重叠区域。其中，显示高度差对应的第二高度阈值和显示宽度差对应的第二宽度阈值一般都为较小的值，例如可以是8、9、10等。

另外，确定所述水平距离或垂直距离小于设定的距离阈值后，可以先将所述图像在水平方向或垂直方向上，向所述其他图像移动所述水平距离或垂直距离，再进行所述图像和所述其他图像的显示高度差或显示宽度差是否小于对应的第二高度阈值或第二宽度阈值的判断，进而确定是否对所述图像的显示高度或显示宽度进行更新。也可以在确定所述水平距离或垂直距离小于设定的距离阈值后，便进行所述图像和所述其他图像的显示高度差或显示宽度差是否小于对应的第二高度阈值或第二宽度阈值的判断，如果所述图像和所述其他图像的显示高度差或显示宽度差小于对应的第二高度阈值或第二宽度阈值，则移动所述图像以及对所述图像的显示高度或显示宽度进行更新同时进行。

下面通过一个具体的例子进行说明。

图8A为将缩放处理后的图像显示在重叠区域的示意图，例如显示高度差对应的第二高度阈值为10，如图8A所示，在所述显示区域中，所述重叠区域显示的图像的显示高度为58，所述其他图像的显示高度为50，即所述图像与所述其他图像的显示高度差为58-50＝8，由于所述图像与所述其他图像的显示高度差小于对应的第二高度阈值，因此，根据所述其他图像的显示高度确定所述图像更新后的显示高度，即将所述图像的显示高度更新为50。并根据更新后的显示高度对所述重叠区域进行更新，即将所述重叠区域的高度更新为50，将更新后的图像显示在所述更新后重叠区域。更新后的示意图如图8B所示，显示区域中的所述图像和所述其他图像的显示高度相同，进一步提高了用户体验。

由于在本发明实施例中，所述水平距离或垂直距离小于设定的距离阈值时，如果所述显示高度差或显示宽度差小于对应的第二阈值，则根据所述其他图像的显示高度或显示宽度确定所述图像更新后的显示高度或显示宽度，并根据所述更新后的显示高度或显示宽度对所述图像进行缩放处理并显示。使得所述图像和所述其他图像的显示高度相同或显示宽度相同，从而进一步提高了用户体验。

图9为本发明实施例提供的一种图像处理装置结构示意图，所述装置包括：

确定模块91，用于针对被拖动后的图像，根据被拖动后的所述图像与显示区域的重叠区域，确定所述图像被显示部分的显示宽度和显示高度；

缩放显示模块92，用于对所述图像进行缩放处理，缩放处理后所述图像的第一宽度和第一高度分别为所述显示宽度和显示高度，将缩放处理后的图像显示在所述重叠区域。

所述装置还包括：

判断模块93，用于判断所述显示宽度和显示高度是否分别与确定的所述图像的原始宽度和原始高度相同，如果是，不对所述图像进行缩放处理，如果否，对所述图像进行缩放处理。

所述装置还包括：

解码模块94，用于对所述图像对应的视频数据进行解码处理，确定所述图像的原始宽度和原始高度。

所述装置还包括：

更新模块95，用于判断所述重叠区域的第二宽度和第二高度中的任意一个是否小于对应的第一阈值；如果所述重叠区域的第二宽度和第二高度中至少一个小于对应的第一阈值，根据保存的对应目标值，对小于对应第一阈值的所述第二宽度和/或第二高度进行更新，并根据更新后的第二宽度和/或第二高度对所述重叠区域进行更新。

所述装置还包括：

移动模块96，用于针对显示区域显示的其他图像，确定所述图像与所述其他图像的水平距离或垂直距离；判断所述水平距离或垂直距离是否小于设定的距离阈值；如果是，根据所述小于设定的距离阈值的水平距离或垂直距离，将所述图像在水平方向或垂直方向上，向所述其他图像移动所述水平距离或垂直距离。

所述装置还包括：

缩放模块97，用于确定所述图像与所述其他图像的显示高度差或显示宽度差；判断所述显示高度差或显示宽度差是否小于对应的第二阈值；如果是，根据所述其他图像的显示高度或显示宽度确定所述图像更新后的显示高度或显示宽度，并根据所述更新后的显示高度或显示宽度对所述图像进行缩放处理并显示。

本发明实施例提供了一种图像显示方法及装置，所述方法包括：针对被拖动后的图像，根据被拖动后的所述图像与显示区域的重叠区域，确定所述图像被显示部分的显示宽度和显示高度；对所述图像进行缩放处理，缩放处理后所述图像的第一宽度和第一高度分别为所述显示宽度和显示高度，将缩放处理后的图像显示在所述重叠区域。由于在本发明实施例中，针对被拖动后的图像，根据重叠区域，可以确定图像被显示部分的显示宽度和显示高度，并且对图像进行缩放处理，缩放处理后所述图像的第一宽度和第一高度分别为所述显示宽度和显示高度，因此可以在重叠区域中显示图像的全部内容，方便用户的信息获取，提高了用户体验。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (10)

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

针对被拖动后的图像，根据被拖动后的所述图像与显示区域的重叠区域，确定所述图像被显示部分的显示宽度和显示高度；

对所述图像进行缩放处理，缩放处理后所述图像的第一宽度和第一高度分别为所述显示宽度和显示高度，将缩放处理后的图像显示在所述重叠区域；

确定所述图像被显示部分的显示宽度和显示高度之前，所述方法还包括：

判断所述重叠区域的第二宽度和第二高度中的任意一个是否小于对应的第一阈值；

如果所述重叠区域的第二宽度和第二高度中至少一个小于对应的第一阈值，根据保存的对应目标值，对小于对应第一阈值的所述第二宽度和/或第二高度进行更新，并根据更新后的第二宽度和/或第二高度对所述重叠区域进行更新。

2.如权利要求1所述的方法，其特征在于，确定所述图像被显示部分的显示宽度和显示高度之后，对所述图像进行缩放处理之前，所述方法还包括：

判断所述显示宽度和显示高度是否分别与确定的所述图像的原始宽度和原始高度相同，如果是，不对所述图像进行缩放处理，如果否，对所述图像进行缩放处理。

3.如权利要求2所述的方法，其特征在于，确定所述图像的原始宽度和原始高度包括：

对所述图像对应的视频数据进行解码处理，确定所述图像的原始宽度和原始高度。

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

针对显示区域显示的其他图像，确定所述图像与所述其他图像的水平距离或垂直距离；判断所述水平距离或垂直距离是否小于设定的距离阈值；如果是，根据所述小于设定的距离阈值的水平距离或垂直距离，将所述图像在水平方向或垂直方向上，向所述其他图像移动所述水平距离或垂直距离。

5.如权利要求4所述的方法，其特征在于，如果所述水平距离或垂直距离小于设定的距离阈值，所述方法还包括：

确定所述图像与所述其他图像的显示高度差或显示宽度差；

判断所述显示高度差或显示宽度差是否小于对应的第二阈值；

如果是，根据所述其他图像的显示高度或显示宽度确定所述图像更新后的显示高度或显示宽度，并根据所述更新后的显示高度或显示宽度对所述图像进行缩放处理并显示。

6.一种图像处理装置，其特征在于，所述装置包括：

确定模块，用于针对被拖动后的图像，根据被拖动后的所述图像与显示区域的重叠区域，确定所述图像被显示部分的显示宽度和显示高度；

缩放显示模块，用于对所述图像进行缩放处理，缩放处理后所述图像的第一宽度和第一高度分别为所述显示宽度和显示高度，将缩放处理后的图像显示在所述重叠区域；

所述装置还包括：

更新模块，用于判断所述重叠区域的第二宽度和第二高度中的任意一个是否小于对应的第一阈值；如果所述重叠区域的第二宽度和第二高度中至少一个小于对应的第一阈值，根据保存的对应目标值，对小于对应第一阈值的所述第二宽度和/或第二高度进行更新，并根据更新后的第二宽度和/或第二高度对所述重叠区域进行更新。

7.如权利要求6所述的装置，其特征在于，所述装置还包括：

判断模块，用于判断所述显示宽度和显示高度是否分别与确定的所述图像的原始宽度和原始高度相同，如果是，不对所述图像进行缩放处理，如果否，对所述图像进行缩放处理。

8.如权利要求7所述的装置，其特征在于，所述装置还包括：

解码模块，用于对所述图像对应的视频数据进行解码处理，确定所述图像的原始宽度和原始高度。

9.如权利要求6所述的装置，其特征在于，所述装置还包括：

移动模块，用于针对显示区域显示的其他图像，确定所述图像与所述其他图像的水平距离或垂直距离；判断所述水平距离或垂直距离是否小于设定的距离阈值；如果是，根据所述小于设定的距离阈值的水平距离或垂直距离，将所述图像在水平方向或垂直方向上，向所述其他图像移动所述水平距离或垂直距离。

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

缩放模块，用于确定所述图像与所述其他图像的显示高度差或显示宽度差；判断所述显示高度差或显示宽度差是否小于对应的第二阈值；如果是，根据所述其他图像的显示高度或显示宽度确定所述图像更新后的显示高度或显示宽度，并根据所述更新后的显示高度或显示宽度对所述图像进行缩放处理并显示。