一种图片显示方法及装置与流程

本发明涉及互联网技术领域，特别涉及一种图片显示方法及装置。

背景技术：

随着智能手机拍照功能的不断发展，纸质图片的作用逐渐被数字化图片所取代。相比于纸质图片，数字化图片不仅便于存储，且能够通过提供图片分享功能的社区、平台、网站或手机应用上分享图片，从而实现与其他用户之间的互动。

现有技术中，用户可以同时分享多张图片，在分享之后，以缩略图的形式展示给其他用户，例如，用户分享了9张图片，将这9张图片以九宫格的形式进行展示，每个方格中展示一张图片的缩略图，从而实现对9张图片同时进行展示。当用户想要观看一张图片时，点击该图片，移动终端在接收到该点击操作时，会对该图片进行全屏显示。在全屏显示图片之前，移动该图片，使该图片的中心点与屏幕中心点重合，然后根据图片中心点对图片进行放大，从而时该图片的上下两边或者左右两边能够与屏幕的边界重合。

然而，这样的全屏显示方式，图片的中心点没有与屏幕中心点重合，就无法进行放大，因而，大多数情况下，对图片进行全屏显示之前，都需要调整图片的位置，全屏显示的过程比较繁琐。因而，如何提出一种图片显示方法，在图片全屏显示之前，无需调整图片位置，进而简化全屏显示过程，是一亟待解决的技术问题。

技术实现要素：

本发明提供一种图片显示方法及装置，用以在图片全屏显示之前，无需调整图片位置，进而简化全屏显示过程。

本发明提供一种图片显示方法，包括：

接收对图片组中目标图片的选择操作；所述图片组中包括至少一张图片；

确定所述目标图片中的缩放点；其中，基于所述缩放点放大所述目标图片后，放大后的目标图片的上下两边和/或左右两边能够与所述触摸屏的上下两边和/或左右两边重合；

基于所述缩放点放大所述目标图片，以使所述目标图片全屏显示。

本发明的有益效果在于：在需要全屏显示的目标图片中确定一缩放点，在基于该缩放点放大目标图片后，能够使目标图片全屏显示。由于无需以中心点作为缩放点，因而，在目标图片全屏显示之前，无需调整目标图片的位置，简化了全屏显示过程。

在一个实施例中，所述确定所述图片的缩放点，包括：

确定所述目标图片的分割线；目标图片中平行于所述分割线的两条边与所述分割线之间的距离比，等于触摸屏中平行于所述分割线的两条边与所述分割线之间距离比；

确定所述目标图片的中心点和所述触摸屏中心点的连线所在的直线；

确定所述目标图片的分割线和所述直线的交点为所述目标图片中的缩放点。

本实施例的有益效果在于：确定目标图片的分割线以及该目标图片中心点和触摸屏中心点的连线，并将该分割线及该连线的交点作为目标图片的缩放点。从而只需要确定两条直线的交点就可以确定目标图片中，无需调整图片位置就能实现全屏显示的缩放点，从而提供了一种简单的缩放点确定方式。

在一个实施例中，所述确定所述目标图片的分割线，包括：

获取目标图片第一目标边和触摸屏第一目标边的第一距离，以及目标图片第二目标边与触摸屏第二目标边的第二距离；所述第一目标边和所述第二目标边平行；

确定所述第一距离和第二距离的比值；

根据所述第一距离和第二距离的比值确定所述分割线，以使所述分割线与所述图片第一目标边和第二目标边距离的比值等于所述第一距离和第二距离的比值。

在一个实施例中，所述基于所述缩放点放大所述目标图片，以使所述目标图片全屏显示，包括：

在基于所述缩放点放大所述目标图片时，若所述目标图片的上下两边和/或左右两边与所述触摸屏的上下两边和/或左右两边重合，则确定所述目标图片已全屏显示；

停止继续放大所述目标图片。

本实施例的有益效果在于：图片中的任意两条平行边与屏幕中相同方向的两条边重合时，就确定目标图片已全屏显示，并停止继续放大目标图片，从而避免继续放大图片而导致不能完整显示。

在一个实施例中，所述方法还包括：

当接收到对全屏显示的所述目标图片的点击操作时，根据所述缩放点缩小所述目标图片，以使所述目标图片尺寸恢复为放大前的尺寸；

或者

当接收到对全屏显示的所述目标图片的点击操作时，关闭全屏显示的所述目标图片，并显示所述图片组。

本实施例的有益效果在于：通过设置多种退出全屏的方式，以使退出全屏的方式更加多样化。

本发明还提供一种图片显示装置，包括：

接收模块，用于接收对图片组中目标图片的选择操作；所述图片组中包括至少一张图片；

确定模块，用于确定所述目标图片中的缩放点；其中，基于所述缩放点放大所述目标图片后，放大后的目标图片的上下两边和/或左右两边能够与所述触摸屏的上下两边和/或左右两边重合；

放大模块，用于基于所述缩放点放大所述目标图片，以使所述目标图片全屏显示。

在一个实施例中，所述确定模块，包括：

第一确定子模块，用于确定所述目标图片的分割线；目标图片中平行于所述分割线的两条边与所述分割线之间的距离比，等于触摸屏中平行于所述分割线的两条边与所述分割线之间距离比；

第二确定子模块，用于确定所述目标图片的中心点和所述触摸屏中心点的连线所在的直线；

第三确定子模块，用于确定所述目标图片的分割线和所述直线的交点为所述目标图片中的缩放点。

在一个实施例中，所述第一确定子模块，包括：

获取目标图片第一目标边和触摸屏第一目标边的第一距离，以及目标图片第二目标边与触摸屏第二目标边的第二距离；所述第一目标边和所述第二目标边平行；

确定所述第一距离和第二距离的比值；

根据所述第一距离和第二距离的比值确定所述分割线，以使所述分割线与所述图片第一目标边和第二目标边距离的比值等于所述第一距离和第二距离的比值。

在一个实施例中，所述放大模块，包括：

第四确定子模块，用于在基于所述缩放点放大所述目标图片时，若所述目标图片的上下两边和/或左右两边与所述触摸屏的上下两边和/或左右两边重合，则确定所述目标图片已全屏显示；

停止子模块，用于停止继续放大所述目标图片。

在一个实施例中，所述装置还包括：

缩小模块，用于当接收到对全屏显示的所述目标图片的点击操作时，根据所述缩放点缩小所述目标图片，以使所述目标图片尺寸恢复为放大前的尺寸；

处理模块，用于当接收到对全屏显示的所述目标图片的点击操作时，关闭全屏显示的所述目标图片，并显示所述图片组。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。

附图说明

附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：

图1为本发明一实施例中图片显示方法的流程图；

图2为本发明一实施例中图片显示方法的流程图；

图3为本发明一实施例中图片显示装置的框图；

图4为本发明一实施例中图片显示装置的框图。

具体实施方式

以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。

图1为本发明一实施例中图片显示方法的流程图，如图1所示，本发明中图片显示方法可用于终端，该方法包括如下步骤S101-S103：

在步骤S101中，接收对图片组中目标图片的选择操作；图片组中包括至少一张图片；

在步骤S102中，确定目标图片中的缩放点；其中，基于缩放点放大目标图片后，放大后的目标图片的上下两边和/或左右两边能够与触摸屏的上下两边和/或左右两边重合；

在步骤S103中，基于缩放点放大目标图片，以使目标图片全屏显示。

本实施例主要应用于同时显示多张图片的缩略图时的全屏显示过程。例如，提供图片分享功能的社区、平台、网站或手机应用中展示用户的图片时，以缩略图的形式进行展示，用户每次分享的图片作为一个图片组，以二维栅格的形式对该图片组中的所有图片进行展示，每张图片以缩略图形式对应显示于二维栅格中的一个方格中，例如，用户分享了9张图片，则以3×3的二维栅格进行展示，用户分享了4张图片，则以2×2的二维栅格进行展示。在展示图片组时的同时，存储图片组中所有图片在二维栅格上的坐标。

用户在浏览自己或其他用户分享的图片组时，该图片组中的所有图片是以缩略图形式进行展示的，如果要更清楚地观看某张图片，则需要全屏显示该张图片。

本实施例中，用户需要全屏显示目标图片时，对目标图片进行点击操作，终端在根据接收到的用户的点击操作对目标图片进行放大之前，确定该目标图片中的缩放点，图片根据该缩放点进行放大后，能够使图片的任意两条平行边与同方向上触摸屏的两条平行边重合。也就是说，本实施例中能够直接根据该缩放点进行缩放，无需将目标图片置于触摸屏中央就可以进行放大，从而，简化了全屏显示的过程。

本发明的有益效果在于：在需要全屏显示的目标图片中确定一缩放点，在基于该缩放点放大目标图片后，能够使目标图片全屏显示。由于无需以中心点作为缩放点，因而，目标图片全屏显示之前，无需调整目标图片的位置，简化了全屏显示过程。

在一个实施例中，如图2所示，上述步骤S102可被实施为如下步骤S201-S203：

在步骤S201中，确定目标图片的分割线；目标图片中平行于分割线的两条边与分割线之间的距离比，等于触摸屏中平行于分割线的两条边与分割线之间距离比；

在步骤S202中，确定目标图片的中心点和触摸屏中心点的连线所在的直线；

在步骤S203中，确定目标图片的分割线和直线的交点为目标图片中的缩放点。

本实施例中，确定目标图片的分割线，其中，目标图片中平行于分割线的两条边与分割线之间的距离比，等于触摸屏中平行于分割线的两条边与分割线之间距离比。

确定目标图片的中心点和触摸屏中心点的连线所在的直线，将该直线与目标图片的分割线的交点作为目标图片的缩放点。

例如，触摸屏左右两边为长边，上下两边为短边，图片以左右两边为基准(图片左右两边与触摸屏左右两边重合则视为全屏)，确定目标的分割线，该目标分割线与触摸屏左右两边的距离之比，等于该目标分割线与目标图片左右两边的距离之比。以该分割线上的任意一点作为缩放点进行缩放时，都能够保证缩放后的图片的左右两边能够同时与触摸屏左右两端重合。

确定目标图片的中心点和该触摸屏中心点的连线所在的直线；确定该目标图片的分割线和该直线的角点为目标图片的缩放点。

本实施例的有益效果在于：确定目标图片的分割线以及该目标图片中心点和触摸屏中心点的连线，并将该分割线及该连线的交点作为目标图片的缩放点。从而只需要确定两条直线的交点就可以确定目标图片中，无需调整图片位置就能实现全屏显示的缩放点，从而提供了一种简单的缩放点确定方式。

在一个实施例中，上述步骤S201可被实施为如下步骤A1-A3：

在步骤A1中，获取目标图片第一目标边和触摸屏第一目标边的第一距离，以及目标图片第二目标边与触摸屏第二目标边的第二距离；第一目标边和第二目标边平行；

在步骤A2中，确定第一距离和第二距离的比值；

在步骤A3中，根据第一距离和第二距离的比值确定分割线，以使分割线与图片第一目标边和第二目标边距离的比值等于第一距离和第二距离的比值。

本实施例中，获取目标图片的第一目标边和触摸屏第一目标边的第一距离，以及目标图片第二目标边与触摸屏第二目标边的第二距离；该第一目标边和第二目标边平行，即二者同为长边或同为短边。确定第一距离和第二距离的比值；根据该第一距离和第二距离的比值确定分割线，以使分割线与图片第一目标边和第二目标边距离的比值等于第一距离和第二距离的比值。

例如，本实施例以左右两边为基准。触摸屏的尺寸、图片尺寸以及二者中心点坐标为已知量，根据这些已知量能够得到图片左边和触摸屏左边的第一距离，图片右边和触摸屏右边的第二距离。得到第一距离和第二距离后，确定第一距离和第二距离的比值，例如，当第一距离和第二距离的比值为1比3时，确定的分割线上下贯穿图片，分割线距离图片左边的距离与分割线距离图片右边的距离比值也为1比3。

在一个实施例中，上述步骤S103可被实施为如下步骤B1-B2：

在步骤B1中，在基于缩放点放大目标图片时，若目标图片的上下两边和/或左右两边与触摸屏的上下两边和/或左右两边重合，则确定目标图片已全屏显示；

在步骤B2中，停止继续放大目标图片。

本实施例中，在基于缩放点放大目标图片时，如果目标图片的上下两边和/或左右两边与触摸屏的上下两边和/或左右两边重合，则确定目标图片已全屏显示；停止继续放大目标图片。即触摸屏的左右两边同时与图片的左右两边重合时，或者触摸屏的上下两边同时与图片的上下两边重合时，又或者触摸屏的四条边同时与图片的四条边重合时，都视为图片已经全屏显示，此时，停止继续放大目标图片。

本实施例的有益效果在于：图片中的任意两条平行边与屏幕中相同方向的两条边重合时，就确定目标图片已全屏显示，并停止继续放大目标图片，从而避免继续放大图片而导致不能完整显示。

在一个实施例中，在上述步骤S103或上述步骤B2之，方法还可被实施为如下步骤C1或C2：

在步骤C1中，当接收到对全屏显示的目标图片的点击操作时，根据缩放点缩小目标图片，以使目标图片尺寸恢复为放大前的尺寸；

在步骤C2中，当接收到对全屏显示的目标图片的点击操作时，关闭全屏显示的目标图片，并显示图片组。

在现有技术中，如果想要退出全屏，则需要用户点击移动终端上的退出按键，移动终端在接收到对退出按键的点击操作时，退出全屏显示，并显示第一目标图片所在的图片组。这样的方式，需要点击移动终端中的硬件按钮才能退出全屏，因而，用户需要准确地点击退出按钮才能实现退出全屏。本实施例中，在移动终端接收到对全屏显示的图片的点击操作时，则关闭全屏显示的图片。由于图片是全屏显示的，因而，在图片全屏显示时，用户点击触摸屏的任何地方都是对全屏显示的图片的点击操作。从而仅通过对触摸屏的任意位置进行点击操作都可以退出全屏，操作自由度更高。

在退出全屏时：可以根据缩放点缩小目标图片，从而将全屏显示的图片恢复为放大前的尺寸，在将全屏显示的图片恢复为放大前的尺寸后，其位置也恰好位于放大前的位置；或者，也可以直接关闭全屏显示的目标图片，同时，显示目标图片放大之前显示的图片组。

本实施例的有益效果在于：通过设置多种退出全屏的方式，以使退出全屏的方式更加多样化。

图3为本发明一实施例中图片显示装置的框图，如图3所示，本发明中图片显示装置可用于终端，该装置包括如下模块：

接收模块31，用于接收对图片组中目标图片的选择操作；图片组中包括至少一张图片；

确定模块32，用于确定目标图片中的缩放点；其中，基于缩放点放大目标图片后，放大后的目标图片的上下两边和/或左右两边能够与触摸屏的上下两边和/或左右两边重合；

放大模块33，用于基于缩放点放大目标图片，以使目标图片全屏显示。

在一个实施例中，如图4所示，确定模块32，包括：

第一确定子模块41，用于确定目标图片的分割线；目标图片中平行于分割线的两条边与分割线之间的距离比，等于触摸屏中平行于分割线的两条边与分割线之间距离比；

第二确定子模块42，用于确定目标图片的中心点和触摸屏中心点的连线所在的直线；

第三确定子模块43，用于确定目标图片的分割线和直线的交点为目标图片中的缩放点。

在一个实施例中，第一确定子模块41，包括：

获取目标图片第一目标边和触摸屏第一目标边的第一距离，以及目标图片第二目标边与触摸屏第二目标边的第二距离；第一目标边和第二目标边平行；

确定第一距离和第二距离的比值；

根据第一距离和第二距离的比值确定分割线，以使分割线与图片第一目标边和第二目标边距离的比值等于第一距离和第二距离的比值。

在一个实施例中，放大模块33，包括：

第四确定子模块，用于在基于缩放点放大目标图片时，若目标图片的上下两边和/或左右两边与触摸屏的上下两边和/或左右两边重合，则确定目标图片已全屏显示；

停止子模块，用于停止继续放大目标图片。

在一个实施例中，装置还包括：

缩小模块，用于当接收到对全屏显示的目标图片的点击操作时，根据缩放点缩小目标图片，以使目标图片尺寸恢复为放大前的尺寸；

处理模块，用于当接收到对全屏显示的目标图片的点击操作时，关闭全屏显示的目标图片，并显示图片组。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。

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

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

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

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