CN111127543B - 图像处理方法、装置、电子设备以及存储介质 - Google Patents

Abstract

本申请公开了一种图像处理方法、装置、电子设备和计算机可读存储介质，其中，方法包括：遍历图像像素点的透明度值，以确定图像实际显示区域的尺寸大小；根据图像实际显示区域的尺寸大小，确定图像实际显示区域的锚点坐标；将图像实际显示区域的锚点坐标发送给用户界面布局系统，以使用户界面布局系统根据锚点坐标对图像进行显示。该方法通过遍历每个待显示图像像素点的透明度值，可将待显示图像中的透明度区域进行过滤，得到待显示图像的真实尺寸，基于图像的真实尺寸进行排列显示，可准确地实现用户界面的图像排列效果，不再依赖于美术的切图尺寸。

Description

图像处理方法、装置、电子设备以及存储介质

技术领域

本申请涉及图像处理技术领域，尤其涉及一种图像处理方法、装置、电子设备以及计算机可读存储介质。

背景技术

随着科技的不断发展，终端设备的功能俞之强大，基于终端系统的相关软件应运而生，终端设备设计的人性化已不仅仅局限于终端设备的外观，终端设备的软件系统已成为用户直接操作和应用的主体，它应以美观实用、操作便捷为用户所青睐。因此，用户界面图像的展示效果显得尤为重要。

目前，研发人员在搭建用户界面时，用户界面所使用的图像是由美术人员提供，大多提供的图像的边缘会带有一定区域的透明通道，尤其是用户界面图像是不规则图形，比如：圆型，多边形，以及人物、动物、景物等形象时，边缘都不可避免的带有一定尺寸的透明区域。相关技术中，用户界面交互平台(比如，Unity3d)的图像组件可以识别透明，满足常规简单的图像显示需求。但若是对用户界面图像的适配位置有规定要求，比如要求图像紧贴屏幕的边缘，或在列表中要求所有的图像左对齐或右对齐，此时，带有透明度的图像会比较难处理。另外，用户界面交互平台的原生交互系统(比如，UGUI)可以很方便设置图像紧贴屏幕边缘，以及左对齐或右对齐等效果，但是由于图像有透明度区域，无法自动将图像处理为锚点适配，导致图像真实效果未对齐。

因此，如何准确地实现图像在用户界面中的排列效果已经成为亟待解决的问题。

发明内容

本申请的目的旨在至少在一定程度上解决上述技术问题之一。

为此，本申请的第一个目的在于提出一种图像处理方法，该方法通过遍历每个待显示图像像素点的透明度值，可将待显示图像中的透明度区域进行过滤，得到待显示图像的真实尺寸，基于图像的真实尺寸进行排列显示，可准确地实现用户界面的图像排列效果，不再依赖于美术的切图尺寸。

本申请的第二个目的在于提出一种图像处理装置。

本申请的第三个目的在于提出一种电子设备。

本申请的第四个目的在于提出一种计算机可读存储介质。

为达上述目的，本申请第一方面实施例提出了一种图像处理方法，该方法包括：遍历图像像素点的透明度值，以确定所述图像实际显示区域的尺寸大小；根据所述图像实际显示区域的尺寸大小，确定所述图像实际显示区域的锚点坐标；将所述图像实际显示区域的锚点坐标发送给用户界面布局系统，以使所述用户界面布局系统根据所述锚点坐标对所述每个图像进行显示。

本申请实施例的图像处理方法，遍历图像像素点的透明度值，以确定所述图像实际显示区域的尺寸大小；根据所述图像实际显示区域的尺寸大小，确定所述图像实际显示区域的锚点坐标；将所述图像实际显示区域的锚点坐标发送给用户界面布局系统，以使所述用户界面布局系统根据所述锚点坐标对所述图像进行显示。该方法通过遍历每个待显示图像像素点的透明度值，可将待显示图像中的透明度区域进行过滤，得到待显示图像的真实尺寸，基于图像的真实尺寸进行排列显示，可准确地实现用户界面的图像排列效果，不再依赖于美术的切图尺寸。

根据本申请的一个实施例，遍历图像像素点的透明度值，以确定所述图像实际显示区域的尺寸大小，包括：遍历图像像素点的透明度值，分别确定出所述图像中最左侧第一个透明度值非零的第一像素点坐标、最右侧第一个透明度值非零的第二像素点坐标、最底侧第一个透明度值非零的第三像素点坐标和最上侧第一个透明度值非零的第四像素点坐标；根据所述图像中的第一像素点坐标、第二像素点坐标、第三像素点坐标和第四像素点坐标，确定所述图像实际显示区域的尺寸大小。

根据本申请的一个实施例，遍历图像像素点的透明度值，分别确定出所述图像中最左侧第一个透明度值非零的第一像素点坐标、最右侧第一个透明度值非零的第二像素点坐标、最底侧第一个透明度值非零的第三像素点坐标和最上侧第一个透明度值非零的第四像素点坐标，包括：按照由下到上、由左向右的顺序，遍历图像像素点的透明度值，记录每一行第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出横坐标最小的像素点坐标，将所述横坐标最小的像素点坐标确定为所述第一像素点坐标；按照由下到上、由右到左的顺序，遍历图像像素点的透明度值，记录每一行第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出横坐标最大的像素点坐标确定为所述第二像素点坐标；按照由左到右、由上到下的顺序，遍历所述图像像素点的透明度值，记录每一列第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出纵坐标最小的像素点坐标确定为所述第三像素点坐标；按照由左到右，由下到上的顺序，遍历图像像素点的透明度值，记录每一列第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出纵坐标最大的像素点坐标确定为所述第四像素点坐标。

根据本申请的一个实施例，根据所述图像实际显示区域的尺寸大小，确定所述图像实际显示区域的锚点坐标，包括：根据所述图像实际显示区域的高度值和宽度值，确定所述图像实际显示区域的边界横坐标和边界纵坐标；基于所述图像实际显示区域的高度值、宽度值、边界横坐标和边界纵坐标，计算所述图像实际显示区域的锚点坐标。

根据本申请的一个实施例，在遍历图像像素点的透明度值，以确定所述图像实际显示区域的尺寸大小之前，所述方法还包括：判断图像是否为具有透明区域的图像；若所述图像为具有透明区域的图像，则执行所述遍历所述图像像素点的透明度值，以确定所述图像的真实尺寸大小的步骤；若所述图像为未具有透明区域的图像，则直接根据所述图像的尺寸大小确定所述图像的锚点坐标，并将所述图像的锚点坐标发送给所述用户界面布局系统。

为达上述目的，本申请第二方面实施例提出一种图像处理装置，包括：尺寸确定模块，用于遍历图像像素点的透明度值，以确定所述图像实际显示区域的尺寸大小；锚点坐标确定模块，用于根据所述图像实际显示区域的尺寸大小，确定所述图像实际显示区域的锚点坐标；发送模块，用于将所述图像实际显示区域的锚点坐标发送给用户界面布局系统，以使所述用户界面布局系统根据所述锚点坐标对所述图像进行排列。

本申请实施例的图像处理装置，遍历图像像素点的透明度值，以确定所述图像实际显示区域的尺寸大小；根据所述图像实际显示区域的尺寸大小，确定所述图像实际显示区域的锚点坐标；将所述图像实际显示区域的锚点坐标发送给用户界面布局系统，以使所述用户界面布局系统根据所述锚点坐标对所述图像进行显示。该装置可实现通过遍历每个待显示图像像素点的透明度值，可将待显示图像中的透明度区域进行过滤，得到待显示图像的真实尺寸，基于图像的真实尺寸进行排列显示，可准确地实现用户界面的图像排列效果，不再依赖于美术的切图尺寸。

根据本申请的一个实施例，所述尺寸确定模块包括：坐标确定单元，用于遍历图像像素点的透明度值，分别确定出所述图像中最左侧第一个透明度值非零的第一像素点坐标、最右侧第一个透明度值非零的第二像素点坐标、最底侧第一个透明度值非零的第三像素点坐标和最上侧第一个透明度值非零的第四像素点坐标；尺寸确定单元，用于根据所述图像中的第一像素点坐标、第二像素点坐标、第三像素点坐标和第四像素点坐标，确定所述图像实际显示区域的尺寸大小。

根据本申请的一个实施例，所述坐标确定单元具体用于：按照由下到上、由左向右的顺序，遍历图像像素点的透明度值，记录每一行第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出横坐标最小的像素点坐标，将所述横坐标最小的像素点坐标确定为所述第一像素点坐标；按照由下到上、由右到左的顺序，遍历所述图像像素点的透明度值，记录每一行第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出横坐标最大的像素点坐标确定为所述第二像素点坐标；按照由左到右、由上到下的顺序，遍历所述图像像素点的透明度值，记录每一列第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出纵坐标最小的像素点坐标确定为所述第三像素点坐标；按照由左到右，由下到上的顺序，遍历所述图像像素点的透明度值，记录每一列第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出纵坐标最大的像素点坐标确定为所述第四像素点坐标。

根据本申请的一个实施例，所述锚点坐标确定模块具体用于：根据所述图像实际显示区域的高度值和宽度值，确定所述图像实际显示区域的边界横坐标和边界纵坐标；基于所述图像实际显示区域的高度值、宽度值、边界横坐标和边界纵坐标，计算所述图像实际显示区域的锚点坐标。

根据本申请的一个实施例，所述图像处理装置还包括：判断模块，用于判断图像是否为具有透明区域的图像；其中，所述尺寸确定模块，还用于在所述图像为具有透明区域的图像时，执行所述遍历所述图像像素点的透明度值，以确定所述图像的真实尺寸大小的步骤；所述锚点坐标确定模块，还用于在所述图像为未具有透明区域的图像时，根据所述图像的尺寸大小确定所述图像的锚点坐标。

为达上述目的，本申请第三方面实施例提出一种电子设备，包括：存储器、处理器及存储在所述存储器并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时，实现上述实施例所述的图像处理方法。

为达上述目的，本申请第四方面实施例提出一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述实施例所述的图像处理方法。

本申请附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本申请的实践了解到。

附图说明

本申请上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：

图1为根据本申请一个实施例的图像处理方法流程示意图；

图2为根据本申请另一个实施例的图像处理方法流程示意图；

图3为根据本申请又一个实施例的图像处理方法流程示意图；

图4为根据本申请一个实施例的图像处理装置结构示意图；

图5为根据本申请另一个实施例的图像处理装置结构示意图；

图6为根据本申请又一个实施例的图像处理装置结构示意图；

图7为根据本申请一个实施例的电子设备结构示意图。

具体实施方式

下面详细描述本申请的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，旨在用于解释本申请，而不能理解为对本申请的限制。

下面参考附图描述本申请实施例的图像处理方法、装置、电子设备和计算机可读存储介质。

需要说明的是，本申请实施例的图像处理方法可以是对一个图像进行显示处理，还可以是对多个图像进行显示处理。图1为本申请实施例提供的一种图像处理方法的流程示意图。作为一种示例，本申请实施例的图像处理方法应用于对多个图像进行显示处理的场景。如图1所示，该图像处理方法包括以下具体步骤：

步骤101，获取待显示的多个图像。

在本申请实施例中，待显示的多个图像可从多种途径进行获取。比如，可从图像素材库中进行查找以获取、从网络上下载以获取或者由美工人员提供等。

步骤102，针对每个图像，遍历每个图像像素点的透明度值，以确定每个图像实际显示区域的尺寸大小。

可以理解，每个图像边缘都不可避免的带有一定尺寸的透明区域。因此，为了能够对待显示图像中的透明度区域进行过滤，得到待显示图像的真实尺寸，在本申请实施例中，可针对每个图像，遍历每个图像像素点的透明度值，以确定每个图像实际显示区域的尺寸大小。

可选地，如图2所示，遍历每个图像像素点的透明度值，确定每个图像中的透明度非零的坐标点，进而确定每个图像实际显示区域的尺寸大小，具体如下：

步骤201，遍历每个图像像素点的透明度值，分别确定出每个图像中最左侧第一个透明度值非零的第一像素点坐标、最右侧第一个透明度值非零的第二像素点坐标、最底侧第一个透明度值非零的第三像素点坐标和最上侧第一个透明度值非零的第四像素点坐标。

作为一种示例，按照由下到上、由左向右的顺序，遍历每个图像像素点的透明度值，记录每一行第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出横坐标最小的像素点坐标，将横坐标最小的像素点坐标确定为第一像素点坐标；按照由下到上、由右到左的顺序，遍历每个图像像素点的透明度值，记录每一行第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出横坐标最大的像素点坐标确定为第二像素点坐标；按照由左到右、由下到上的顺序，遍历所述每个图像像素点的透明度值，记录每一列第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出纵坐标最小的像素点坐标确定为第三像素点坐标；按照由左到右，由上到下的顺序，遍历每个图像像素点的透明度值，记录每一列第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出纵坐标最大的像素点坐标确定为第四像素点坐标。

也就是说，为了节省相关计算资源，在本申请实施例中，由下到上，由左到右，遍历图片像素点的透明度值，记录每一行第一个透明度值不为零的像素点的坐标，存入数组中，接着，遍历该数组，找到最左侧第一个透明度值不为零的像素点坐标，记为leftBorderPosition。同样的方法，由下到上，由右到左，遍历图片像素点的透明度值，记录每一行第一个透明度值不为零的像素点的坐标，存入数组，遍历该数组从而可计算出最右侧第一个透明度值不为零的像素点坐标，记为rightBorderPosition；由左到右，由下到上，遍历图片像素点的透明度值，记录每一列第一个透明度值不为零的像素点的坐标，存入数组，遍历该数组从而可计算出最底侧第一个透明度值不为零的像素点坐标，记为bottomBorderPosition；由左到右，由上到下，遍历图片像素点的透明度值，记录每一列第一个透明度值不为零的像素点的坐标，存入数组，遍历该数组从而可计算出最上侧第一个透明度值不为零的像素点坐标，记为topBorderPosition。将leftBorderPosition、rightBorderPosition、bottomBorderPosition、topBorderPosition分别作为第一像素坐标点、第二像素坐标点、第三像素坐标点和第四像素坐标点。

作为另一种示例，针对每个图像，对图像中所有像素点进行遍历，找出图像中所有透明度非零的像素点坐标，遍历这些透明度非零的像素点坐标，找出横坐标最小的像素点坐标，找出横坐标最大的像素点坐标、纵坐标最小的像素点坐标和纵坐标最大的像素点坐标。可将横坐标最小的像素点坐标、横坐标最大的像素点坐标、纵坐标最小的像素点坐标、纵坐标最大的像素点坐标分别作为第一像素点坐标、第二像素点坐标、第三像素点坐标、第四像素点坐标。

步骤202，根据每个图像中的第一像素点坐标、第二像素点坐标、第三像素点坐标和第四像素点坐标，确定每个图像实际显示区域的尺寸大小。

可选地，将每个图像中的第二像素点坐标与第一像素点坐标进行相差，可获得每个图像实际显示区域的宽度；将每个图像中的第四像素坐标与第三像素点坐标相差可得到每个图像实际显示区域的高度；将每个图像实际显示区域的宽度与对应的每个图像实际显示区域的高度相乘，即可得到每个图像实际显示区域的尺寸大小。

为了进一步节省相关计算资源，在本申请实施例中，在遍历每个图像像素点的透明度值，以确定每个图像实际显示区域的尺寸大小之前，可通过预设算法判断每个图像是否为具有透明区域的图像；若每个图像为具有透明区域的图像，则执行步骤102，以确定每个图像的真实尺寸；若每个图像为未具有透明区域的图像，则直接根据每个图像的尺寸大小确定每个图像的锚点坐标，并将每个图像的锚点坐标发送给用户界面布局系统。其中，预设算法可以是但不限于图像检测算法。

步骤103，根据每个图像实际显示区域的尺寸大小，确定每个图像实际显示区域的锚点坐标。

在本申请实施例中，可根据每个图像实际显示区域的高度值和宽度值，确定每个图像实际显示区域的边界横坐标和边界纵坐标；基于每个图像实际显示区域的高度值、宽度值、边界横坐标和边界纵坐标，计算每个图像实际显示区域的锚点坐标。

举例而言，以图像A为长方形为例，图像A的宽度为2X，高度为2Y，假设以图像A的(第一像素点坐标中横坐标，第三像素点坐标中纵坐标)为坐标原点，图像A的边界横坐标＝第一像素点坐标中横坐标+2X，图像A的边界纵坐标＝第三像素点坐标中纵坐标+2Y；接着，以图像A的边界横坐标和边界纵坐标为参考坐标，计算其他图像的边界横坐标和边界纵坐标，最后，将各图像的边界横坐标和边界纵坐标作为锚点坐标。

步骤104，将每个图像实际显示区域的锚点坐标发送给用户界面布局系统以使用户界面布局系统根据锚点坐标对每个图像进行显示。

在本申请实施例中，用户界面布局系统根据锚点坐标对每个图像进行排列显示。其中，排列的方式有很多，比如所有图像左对齐、右对齐等。

进一步地，将每个图像实际显示区域的锚点坐标发送给用户界面布局系统，用户界面布局系统根据锚点坐标对每个图像进行排列。比如，图像A的锚点坐标为(0，0)、(2X，0)、(0，2Y)、(2X，2Y)；图像B的锚点坐标为(0，0)、(X，0)、(0，-Y)、(X，-Y)，由锚点坐标可知，图像B与图像A为垂直布局左对齐。

本申请实施例的图像处理方法，针对每个图像，遍历每个图像像素点的透明度值，以确定每个图像实际显示区域的尺寸大小；根据每个图像实际显示区域的尺寸大小，确定每个图像实际显示区域的锚点坐标；将每个图像实际显示区域的锚点坐标发送给用户界面布局系统以使用户界面布局系统根据锚点坐标对每个图像进行排列显示。该方法通过遍历每个待显示图像像素点的透明度值，可将待显示图像中的透明度区域进行过滤，得到待显示图像的真实尺寸，基于图像的真实尺寸进行排列显示，可准确地实现用户界面的图像排列效果，不再依赖于美术的切图尺寸。

作为另一种示例，本申请实施例的图像处理方法应用于对一个图像进行显示处理的场景。如图3所示，该图像处理方法包括以下具体步骤：

步骤301，获取待显示的一个图像。

步骤302，遍历图像像素点的透明度值，以确定图像实际显示区域的尺寸大小。

步骤303，根据图像实际显示区域的尺寸大小，确定图像实际显示区域的锚点坐标。

步骤304，将图像实际显示区域的锚点坐标发送给用户界面布局系统以使用户界面布局系统根据锚点坐标对图像进行显示。

在本申请实施例中，步骤302-步骤303的具体实现过程可参照步骤102-103，本申请不再赘述。

本申请实施例的图像处理方法，通过获取待显示的一个图像；遍历图像像素点的透明度值，以确定图像实际显示区域的尺寸大小；根据图像实际显示区域的尺寸大小，确定图像实际显示区域的锚点坐标；将图像实际显示区域的锚点坐标发送给用户界面布局系统以使用户界面布局系统根据锚点坐标对图像进行显示。该方法通过遍历待显示图像像素点的透明度值，可将待显示图像中的透明度区域进行过滤，得到待显示图像的真实尺寸，基于图像的真实尺寸进行显示，不再依赖于美术的切图尺寸。

需要说明的是，本申请实施例的图像处理方法可应用于用户界面交互平台的原生交互系统。该原生交互系统可用于开发UI用户交互界面。其中，用户界面交互平台(英文简称UGUI)提供了丰富的UI组件，以支持基本的UI开发功能。其中，用户界面交互平台上的Image组件(即图像组件)可支持透明度效果展示，即带有透明度通道的图片，会在Image中显示出来透明效果。然而，用户界面布局系统在利用Image组件进行图像排列时，由于Image组件只能支持透明度效果展示，而当图像中留有的透明度区域不一致时，图像在排列时会使得图像景物未对齐，导致排列后的图片效果较差。为了解决此类问题，本申请重写了Image组件，在Image组件原有的功能基础上，增加了判断Image实际显示区域边界的方法，过滤掉图像中透明区域，从而得到图像的真实尺寸，进而基于图像的真实尺寸进行排列。其中，在本申请中，可通过继承Image组件类，增加Texture2D(二维纹理)类型的变量引用targetTexture，通过监听targetTexture变量的赋值事件，来获取待排列图像的图片资源(其中包括各像素点的透明度值)，进而可遍历图像像素点的透明度值以过滤掉图像中的透明区域，进而利用过滤掉透明区域的图像进行排列，以得到更加准确的UI排列效果。可选地，当判断待排列图像中不存在透明区域时，可直接利用原有Image组件进行图像排列，而无需使用重写的Image组件来进行透明度过滤后再进行图像排列。

与上述几种实施例提供的图像处理方法相对应，本申请的一种实施例还提供一种图像处理装置，由于本申请实施例提供的图像处理装置与上述几种实施例提供的图像处理方法相对应，因此在前述图像处理方法的实施方式也适用于本实施例提供的图像处理装置，在本实施例中不再详细描述。图4为根据本申请一个实施例的图像处理装置的结构示意图。如图4所示，该图像处理装置包括：尺寸确定模块410、锚点坐标确定模块420、发送模块430。

其中，尺寸确定模块410，用于遍历图像像素点的透明度值，以确定图像实际显示区域的尺寸大小；锚点坐标确定模块420，用于根据图像实际显示区域的尺寸大小，确定图像实际显示区域的锚点坐标；发送模块430，用于将图像实际显示区域的锚点坐标发送给用户界面布局系统，以使所述用户界面布局系统根据所述锚点坐标对图像进行显示。

作为本申请实施例的一种可能实现方式，如图5所示，在图4所示基础上，尺寸确定模块410包括：坐标确定单元411、尺寸确定单元412。

其中，坐标确定单元411，用于遍历图像像素点的透明度值，分别确定出图像中最左侧第一个透明度值非零的第一像素点坐标、最右侧第一个透明度值非零的第二像素点坐标、最底侧第一个透明度值非零的第三像素点坐标和最上侧第一个透明度值非零的第四像素点坐标；尺寸确定单元412，用于根据每个图像中的第一像素点坐标、第二像素点坐标、第三像素点坐标和第四像素点坐标，确定图像实际显示区域的尺寸大小。

作为本申请实施例的一种可能实现方式，坐标确定单元411具体用于：按照由下到上、由左向右的顺序，遍历图像像素点的透明度值，记录每一行第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出横坐标最小的像素点坐标，将横坐标最小的像素点坐标确定为第一像素点坐标；按照由下到上、由右到左的顺序，遍历图像像素点的透明度值，记录每一行第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出横坐标最大的像素点坐标确定为第二像素点坐标；按照由左到右、由下到上的顺序，遍历每个图像像素点的透明度值，记录每一列第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出纵坐标最小的像素点坐标确定为第三像素点坐标；按照由左到右，由上到下的顺序，遍历图像像素点的透明度值，记录每一列第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出纵坐标最大的像素点坐标确定为第四像素点坐标。

作为本申请实施例的一种可能实现方式，锚点坐标确定模块430具体用于：根据图像实际显示区域的高度值和宽度值，确定图像实际显示区域的边界横坐标和边界纵坐标；基于图像实际显示区域的高度值、宽度值、边界横坐标和边界纵坐标，计算图像实际显示区域的锚点坐标。

作为本申请实施例的一种可能实现方式，如图6所示，在图5所示基础上，图像处理装置还包括：判断模块440。

其中，判断模块440，用于判断图像是否为具有透明区域的图像；尺寸确定模块410，还用于在图像为具有透明区域的图像时，执行遍历每个图像像素点的透明度值，以确定图像的真实尺寸大小的步骤；锚点坐标确定模块420，还用于在每个图像为未具有透明区域的图像时，根据每个图像的尺寸大小确定图像的锚点坐标。

本申请实施例的图像处理装置，遍历图像像素点的透明度值，以确定图像实际显示区域的尺寸大小；根据所述图像实际显示区域的尺寸大小，确定图像实际显示区域的锚点坐标；将图像实际显示区域的锚点坐标发送给用户界面布局系统，以使用户界面布局系统根据锚点坐标对图像进行显示。该装置可实现通过遍历每个待显示图像像素点的透明度值，可将待显示图像中的透明度区域进行过滤，得到待显示图像的真实尺寸，基于图像的真实尺寸进行排列显示，可准确地实现用户界面的图像排列效果，不再依赖于美术的切图尺寸。

为了实现上述实施例，本申请还提出一种电子设备。图7为本申请实施例提供的电子设备的结构示意图。该电子设备包括：存储器1001、处理器1002及存储在存储器1001上并可在处理器1002上运行的计算机程序。

处理器1002执行所述程序时实现上述实施例中提供的图像处理方法。

进一步地，电子设备还包括：

通信接口1003，用于存储器1001和处理器1002之间的通信。

存储器1001，用于存放可在处理器1002上运行的计算机程序。

存储器1001可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。

处理器1002，用于执行所述程序时实现上述实施例所述的图像处理方法。

如果存储器1001、处理器1002和通信接口1003独立实现，则通信接口1003、存储器1001和处理器1002可以通过总线相互连接并完成相互间的通信。所述总线可以是工业标准体系结构(Industry Standard Architecture，简称为ISA)总线、外部设备互连(Peripheral Component，简称为PCI)总线或扩展工业标准体系结构(Extended IndustryStandard Architecture，简称为EISA)总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图7中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

可选的，在具体实现上，如果存储器1001、处理器1002及通信接口1003，集成在一块芯片上实现，则存储器1001、处理器1002及通信接口1003可以通过内部接口完成相互间的通信。

处理器1002可能是一个中央处理器(Central Processing Unit，简称为CPU)，或者是特定集成电路(Application Specific Integrated Circuit，简称为ASIC)，或者是被配置成实施本申请实施例的一个或多个集成电路。

为了实现上述实施例，本申请实施例还提出一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如上述实施例的图像处理方法。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本申请的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本申请的描述中，“多个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现定制逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本申请的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本申请的实施例所属技术领域的技术人员所理解。

在流程图中表示或在此以其他方式描述的逻辑和/或步骤，例如，可以被认为是用于实现逻辑功能的可执行指令的定序列表，可以具体实现在任何计算机可读介质中，以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用，或结合这些指令执行系统、装置或设备而使用。就本说明书而言，"计算机可读介质"可以是任何可以包含、存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。计算机可读介质的更具体的示例(非穷尽性列表)包括以下：具有一个或多个布线的电连接部(电子装置)，便携式计算机盘盒(磁装置)，随机存取存储器(RAM)，只读存储器(ROM)，可擦除可编辑只读存储器(EPROM或闪速存储器)，光纤装置，以及便携式光盘只读存储器(CDROM)。另外，计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的介质，因为可以例如通过对纸或其他介质进行光学扫描，接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序，然后将其存储在计算机存储器中。

应当理解，本申请的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。如，如果用硬件来实现和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

此外，在本申请各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。

上述提到的存储介质可以是只读存储器，磁盘或光盘等。尽管上面已经示出和描述了本申请的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本申请的限制，本领域的普通技术人员在本申请的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims (6)

1.一种图像处理方法，其特征在于，应用于用户界面交互平台的原生交互系统，所述图像处理方法包括：

通过预设算法判断图像是否为具有透明区域的图像，若所述图像为具有透明区域的图像，则按照由下到上、由左向右的顺序，遍历图像像素点的透明度值，记录每一行第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出横坐标最小的像素点坐标，将所述横坐标最小的像素点坐标确定为所述图像中最左侧第一个透明度值非零的第一像素点坐标；按照由下到上、由右到左的顺序，遍历图像像素点的透明度值，记录每一行第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出横坐标最大的像素点坐标确定为所述图像中最右侧第一个透明度值非零的第二像素点坐标；按照由左到右、由下到上的顺序，遍历图像像素点的透明度值，记录每一列第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出纵坐标最小的像素点坐标确定为所述图像中最底侧第一个透明度值非零的第三像素点坐标；按照由左到右，由上到下的顺序，遍历图像像素点的透明度值，记录每一列第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出纵坐标最大的像素点坐标确定为所述图像中最上侧第一个透明度值非零的第四像素点坐标；根据所述第一像素点坐标、所述第二像素点坐标、所述第三像素点坐标和所述第四像素点坐标，确定所述图像实际显示区域的尺寸大小；

根据所述图像实际显示区域的高度值和宽度值确定所述图像实际显示区域的边界横坐标和边界纵坐标，基于所述边界横坐标和所述边界纵坐标，确定所述图像实际显示区域的锚点坐标，其中，所述锚点坐标的横坐标为图像像素点的横坐标与所述宽度值的和，所述锚点坐标的纵坐标为图像像素点的纵坐标与所述高度值的和；

将所述图像实际显示区域的锚点坐标发送给用户界面布局系统，以使所述用户界面布局系统根据所述锚点坐标对所述图像进行显示，其中，显示方式包括左对齐排列和右对齐排列。

2.根据权利要求1所述的图像处理方法，其特征在于，所述判断图像是否为具有透明区域的图像，还包括：

若所述图像为未具有透明区域的图像，则直接根据所述图像的高度值和宽度值确定所述图像实际显示区域的边界横坐标和边界纵坐标，基于所述图像实际显示区域的高度值、宽度值、边界横坐标和边界纵坐标确定所述图像的锚点坐标，并将所述图像的锚点坐标发送给所述用户界面布局系统。

3.一种图像处理装置，其特征在于，应用于用户界面交互平台的原生交互系统，所述图像处理装置包括：

尺寸确定模块，用于通过预设算法判断图像是否为具有透明区域的图像，若所述图像为具有透明区域的图像，则按照由下到上、由左向右的顺序，遍历图像像素点的透明度值，记录每一行第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出横坐标最小的像素点坐标，将所述横坐标最小的像素点坐标确定为所述图像中最左侧第一个透明度值非零的第一像素点坐标；按照由下到上、由右到左的顺序，遍历图像像素点的透明度值，记录每一行第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出横坐标最大的像素点坐标确定为所述图像中最右侧第一个透明度值非零的第二像素点坐标；按照由左到右、由下到上的顺序，遍历图像像素点的透明度值，记录每一列第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出纵坐标最小的像素点坐标确定为所述图像中最底侧第一个透明度值非零的第三像素点坐标；按照由左到右，由上到下的顺序，遍历图像像素点的透明度值，记录每一列第一个透明度值非零的像素点坐标，并从记录的像素点坐标中确定出纵坐标最大的像素点坐标确定为所述图像中最上侧第一个透明度值非零的第四像素点坐标；根据所述第一像素点坐标、所述第二像素点坐标、所述第三像素点坐标和所述第四像素点坐标，确定所述图像实际显示区域的尺寸大小；

锚点坐标确定模块，用于根据所述图像实际显示区域的高度值和宽度值确定所述图像实际显示区域的边界横坐标和边界纵坐标，基于所述边界横坐标和所述边界纵坐标，确定所述图像实际显示区域的锚点坐标，其中，所述锚点坐标的横坐标为图像像素点的横坐标与所述宽度值的和，所述锚点坐标的纵坐标为图像像素点的纵坐标与所述高度值的和；

发送模块，用于将所述图像实际显示区域的锚点坐标发送给用户界面布局系统，以使所述用户界面布局系统根据所述锚点坐标对所述图像进行显示，其中，显示方式包括左对齐排列和右对齐排列。

4.根据权利要求3所述的图像处理装置，其特征在于，所述锚点坐标确定模块，还用于在所述图像为未具有透明区域的图像时，根据所述图像的高度值和宽度值确定所述图像实际显示区域的边界横坐标和边界纵坐标，基于所述图像实际显示区域的高度值、宽度值、边界横坐标和边界纵坐标确定所述图像的锚点坐标。

5.一种电子设备，其特征在于，包括：存储器、处理器及存储在所述存储器并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时，实现如权利要求1或2所述的图像处理方法。

6.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1或2所述的图像处理方法。