CN105373380A - 切图方法和装置 - Google Patents

Abstract

本发明提供一种切图方法和装置，其中，该方法包括：获取设计效果图，并对设计效果图进行切图处理，得到第一切图图片；获取第一切图图片的第一分辨率，并获取待适配的至少一个第二分辨率，其中，各第二分辨率分别为各移动终端所需要的分辨率；根据第一分辨率以及第二分辨率，对第一切图图片进行缩放处理，得到与各第二分辨率对应的第二切图图片。实现了只需要对设计效果图进行一次切图处理，根据各分辨率对切图处理后的切图图片进行缩放处理，可以一次性的快速导出适配于各分辨率的切图图片，从而得到适配于各分辨率的切图图片，降低得到适配于不同分辨率的切图图片的时间、提高了效率，缩短了应用程序的开发周期，降低了应用程序的开发成本。

Description

切图方法和装置

技术领域

本发明涉及移动互联网技术，尤其涉及一种切图方法和装置。

背景技术

随着移动互联网技术的不断发展，应用到移动终端上的各种应用程序不断出现。在应用程序的开发过程中，需要对应用程序的设计效果图进行切图处理，从而将设计效果图切成便于制作成页面的切图图片。同时由于移动终端的屏幕的分辨率逐渐多样化，应用程序的切图图片需要适配于不同分辨率的移动终端。

现有技术中，应用程序的设计者首先设计适配于不同分辨率的设计效果图，然后采用绘图软件，分别对每一种分辨率下的设计效果图进行切图处理，生成适配于不同分辨率的切图图片。

现有技术中，由于切图处理需要应用程序的设计者采用绘图软件进行手动操作，若要得到适配于不同分辨率的切图图片，需要重复执行对每一种分辨率下的设计效果图进行切图处理的操作，从而造成得到适配于不同分辨率的切图图片的时间较长、效率很低，进一步的增加了应用程序的开发周期，提高了应用程序的开发成本。

发明内容

本发明提供一种切图方法和装置，用以解决现有技术中得到适配于不同分辨率的切图图片的时间较长、效率很低，进一步的增加了应用程序的开发周期，提高了应用程序的开发成本的问题。

本发明的一方面是提供一种切图方法，包括：

获取设计效果图，并对所述设计效果图进行切图处理，得到第一切图图片；

获取所述第一切图图片的第一分辨率，并获取待适配的至少一个第二分辨率，其中，各第二分辨率分别为各移动终端所需要的分辨率；

根据所述第一分辨率以及所述第二分辨率，对所述第一切图图片进行缩放处理，得到与各第二分辨率对应的第二切图图片。

如上所述的方法中，所述获取设计效果图，包括：

确定各移动终端所需要的分辨率中的最大分辨率；

获取与所述最大分辨率对应的设计效果图。

如上所述的方法中，所述根据所述第一分辨率以及所述第二分辨率，对所述第一切图图片进行缩放处理，得到与各第二分辨率对应的第二切图图片，包括：

确定所述第一分辨率与各第二分辨率的分辨率比值；

获取所述第一切图图片的第一像素大小；

根据所述第一像素大小和各分辨率比值，确定与各第二分辨率对应的第二像素大小；

根据各第二像素大小，对所述第一切图图片进行缩放处理，得到与各第二分辨率分别对应的第二切图图片。

如上所述的方法中，在得到与各第二分辨率对应的第二切图图片之后，还包括：

将与各第二分辨率对应的第二切图图片，分别存储到与各第二分辨率对应的文件夹中。

本发明的另一方面是提供一种切图装置，包括：

第一获取模块，用于获取设计效果图，并对所述设计效果图进行切图处理，得到第一切图图片；

第二获取模块，用于获取所述第一切图图片的第一分辨率，并获取待适配的至少一个第二分辨率，其中，各第二分辨率分别为各移动终端所需要的分辨率；

处理模块，用于根据所述第一分辨率以及所述第二分辨率，对所述第一切图图片进行缩放处理，得到与各第二分辨率对应的第二切图图片。

如上所述的装置中，所述第一获取模块在用于获取设计效果图时，具体用于：

确定各移动终端所需要的分辨率中的最大分辨率；

获取与所述最大分辨率对应的设计效果图。

如上所述的装置中，所述第二获取模块，具体用于：

确定所述第一分辨率与各第二分辨率的分辨率比值；

获取所述第一切图图片的第一像素大小；

根据所述第一像素大小和各分辨率比值，确定与各第二分辨率对应的第二像素大小；

根据各第二像素大小，对所述第一切图图片进行缩放处理，得到与各第二分辨率分别对应的第二切图图片。

如上所述的装置中，还包括：

存储模块，用于在所述处理模块到与各第二分辨率对应的第二切图图片之后，将与各第二分辨率对应的第二切图图片，分别存储到与各第二分辨率对应的文件夹中。

本发明通过获取设计效果图，并对设计效果图进行切图处理，得到第一切图图片；获取第一切图图片的第一分辨率，并获取待适配的至少一个第二分辨率，其中，各第二分辨率分别为各移动终端所需要的分辨率；根据第一分辨率以及第二分辨率，对第一切图图片进行缩放处理，得到与各第二分辨率对应的第二切图图片。实现了只需要对设计效果图进行一次切图处理，然后根据各分辨率，对切图处理后的切图图片进行缩放处理，可以一次性的快速导出适配于各分辨率的切图图片，从而得到适配于各分辨率的切图图片，降低得到适配于不同分辨率的切图图片的时间、提高了效率，进一步的缩短了应用程序的开发周期，降低了应用程序的开发成本。

附图说明

图1为本发明实施例一提供的切图方法的流程图；

图2为本发明实施例二提供的切图方法的流程图；

图3为本发明实施例三提供的切图装置的结构示意图；

图4为本发明实施例四提供的切图装置的结构示意图。

具体实施方式

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

图1为本发明实施例一提供的切图方法的流程图，如图1所示，本实施例的方法包括：

步骤101、获取设计效果图，并对设计效果图进行切图处理，得到第一切图图片。

在本实施例中，具体的，首先由应用程序的开发者或设计者设计出应用程序或应用软件的设计效果图，由于应用程序需要多幅不同的应用程序界面图，从而可以设计出多幅不同的设计效果图，这些设计效果图适配于同一种分辨率。然后获取到这些设计效果图，对每一幅设计效果图采用绘图软件进行切图处理，可以得到各设计效果图的第一切图图片。

步骤102、获取第一切图图片的第一分辨率，并获取待适配的至少一个第二分辨率，其中，各第二分辨率分别为各移动终端所需要的分辨率。

在本实施例中，具体的，从系统数据库中选择需要进行适配的分辨率，这些分辨率为各移动终端所需要的分辨率，从而得到待适配的至少一个第二分辨率。确定出第一切图图片的第一分辨率，第一切图图片的分辨率与设计效果图的分辨率相同。

步骤103、根据第一分辨率以及第二分辨率，对第一切图图片进行缩放处理，得到与各第二分辨率对应的第二切图图片。

在本实施例中，具体的，根据第一分辨率和第二分辨率，确定一个缩放比例，从而可以对第一切图图片进行缩放处理，得到与各第二分辨率对应的第二切图图片。

本实施例通过对设计效果图进行一次切图处理，得到第一切图图片；然后根据第一切图图片的第一分辨率，以及各移动终端所需要的第二分辨率，对第一切图图片进行缩放处理，得到与各第二分辨率对应的第二切图图片。实现了只需要对设计效果图进行一次切图处理，然后根据各分辨率，对切图处理后的切图图片进行缩放处理，可以一次性的快速导出适配于各分辨率的切图图片，从而得到适配于各分辨率的切图图片，降低得到适配于不同分辨率的切图图片的时间、提高了效率，进一步的缩短了应用程序的开发周期，降低了应用程序的开发成本。

图2为本发明实施例二提供的切图方法的流程图，如图2所示，在实施例一的基础上，实施例一中的步骤101，具体包括：

步骤201、确定各移动终端所需要的分辨率中的最大分辨率。

在本实施例中，具体的，首先确定使用应用程序的各移动终端所需要的分辨率，可以从系统数据库中确定各移动终端所需要的分辨率。选择各移动终端所需要的分辨率中最大分辨率。例如，安卓系统中常见的4种分辨率为1080*1920、720*1280、480*800、320*480，可以各移动终端分别需要这4种分辨率，选定其中的最大分辨率1080*1920。

步骤202、获取与最大分辨率对应的设计效果图。

在本实施例中，具体的，根据步骤201中确定的最大分辨率，设计与最大分辨率对应的设计效果图，并导入与最大分辨率对应的设计效果图。这里的设计效果图要求在各移动终端需要的分辨率中的最大分辨率下进行制作，因为在最大分辨率下制作设计效果图，会保证设计效果图的切图图片在存成其他分辨率时候，切图图片只会缩小，图像质量不会失真。例如：某款应用程序要适配的各移动终端的分辨率分别为1080*1920、720*1280、480*800，分辨率1080*1920是最大分辨率，所以要在1080*1920这个分辨率下确定设计效果图，才能保证存储成其他分辨率的图片的清晰度。

步骤203、对设计效果图进行切图处理，得到第一切图图片。

在本实施例中，具体的，对步骤202中的与最大分辨率对应的设计效果图，采用绘图软件，进行切图处理，可以得到最大分辨率下的第一切图图片。

实施例一中的步骤103，具体包括：

步骤204、确定第一分辨率与各第二分辨率的分辨率比值。

在本实施例中，具体的，在实施例一中的步骤102中，已经确定出第一切图图片的第一分辨率，第一分辨率就是设计效果图的分辨率，也就是步骤201中的最大分辨率；同时，已经确定了各移动终端所需要的第二分辨率。从而可以根据第一分辨率以及各第二分辨率，得到第一分辨率与各第二分辨率的分辨率比值。例如，第一切图图片的第一分辨率为1080*1920，而各第二分辨率为720*1280、480*800、320*480，可以得到第一分辨率与各第二分辨率的分辨率比值＝6:4:3:2，并将这些比值保存下来。

步骤205、获取第一切图图片的第一像素大小。

在本实施例中，具体的，读取出第一切图图片的第一像素大小。由于设计效果图会被切图处理成为多个不同的第一切图图片，可以对各个第一切图图片分别进行步骤205-步骤207中的处理。

步骤206、根据第一像素大小和各分辨率比值，确定与各第二分辨率对应的第二像素大小。

在本实施例中，具体的，根据步骤205中确定的第一切图图片的第一像素大小，以及步骤204中确定的各分辨率比值，将第一像素大小和各分辨率比值进行计算，得到与各第二分辨率对应的第二像素大小。例如，一张1080*1920分辨率下的一张第一切图图片的第一像素大小为60*60像素，要将其存储成可以分别适配于720*1280、480*800的切图图片，按照原图分辨率和将要生成的分辨率的比例换算，1080：720：480＝6：4：3，算出第一切图图片在720*1280分辨率下大小为40*40像素，在480*800分辨率下大小为30*30。

步骤207、根据各第二像素大小，对第一切图图片进行缩放处理，得到与各第二分辨率分别对应的第二切图图片。

在本实施例中，具体的，在确定了与各第二分辨率对应的第二像素大小之后，根据各第二像素大小，对第一切图图片进行缩放处理，生成与各第二分辨率分别对应的第二切图图片。例如，在得到了各第一切图图片之后，在程序中选择需要导出的切图所在的图层和图层组，点击文件>导出，选择格式以及存储位置，点击“确定”；此时，程序会读取出当前第一切图图片的第一像素大小，再调出已经确定的各分辨率比值，从而按照这些分辨率之间的比例，调整第一切图图片的大小，得到第一切图图片在各第二分辨率下的第二像素大小；然后，程序在指定的路径下生成与各第二分辨率分别对应的第二切图图片；这个过程是一次性导出完成，并且是程序自动完成。

在步骤103之后，还包括：

步骤208、将与各第二分辨率对应的第二切图图片，分别存储到与各第二分辨率对应的文件夹中。

在本实施例中，具体的，将步骤207中得到的第二切图图片，将属于相同的第二分辨率的第二切图图片，存储到一个文件夹中。这个过程由程序自动完成，在步骤207中得到与各第二分辨率分别对应的第二切图图片之后，程序会自己将其分别存储到与各第二分辨率对应的文件夹中。例如，程序会自动在指定位置创建文件夹，文件夹的名称分别以各分辨率的名称命名，生成的第二切图图片会按照其适配的分辨率而存储在相应文件夹中。

本实施例通过获取与各移动终端所需要的分辨率中的最大分辨率对应的设计效果图，然后对与最大分辨率对应的设计效果图进行切图处理，得到第一切图图片，从而保证设计效果图的切图图片在存成其他分辨率时候，切图图片只会缩小，图像质量不会失真；确定第一切图图片的第一分辨率，以及各移动终端所需要的第二分辨率，可以得到第一分辨率与各第二分辨率的分辨率比值；在依据第一切图图片的第一像素大小，以及各分辨率比值，确定与各第二分辨率对应的第二像素大小；根据各第二像素大小，对第一切图图片进行缩放处理，得到与各第二分辨率分别对应的第二切图图片，可以一次性的快速导出适配于各分辨率的切图图片；并将与各第二分辨率对应的第二切图图片，分别存储到与各第二分辨率对应的文件夹中，从而便于查找与各第二分辨率对应的第二切图图片。进一步的，实现了只需要对设计效果图进行一次切图处理，然后根据各分辨率，对切图处理后的切图图片进行缩放处理，可以一次性的快速导出适配于各分辨率的切图图片，从而得到适配于各分辨率的切图图片，降低得到适配于不同分辨率的切图图片的时间、提高了效率，进一步的缩短了应用程序的开发周期，降低了应用程序的开发成本。

图3为本发明实施例三提供的切图装置的结构示意图，如图3所示，本实施例提供的切图装置，包括：

第一获取模块31，用于获取设计效果图，并对设计效果图进行切图处理，得到第一切图图片；

第二获取模块32，用于获取第一切图图片的第一分辨率，并获取待适配的至少一个第二分辨率，其中，各第二分辨率分别为各移动终端所需要的分辨率；

处理模块33，用于根据第一分辨率以及第二分辨率，对第一切图图片进行缩放处理，得到与各第二分辨率对应的第二切图图片。

本实施例的切图装置可执行本发明实施例一提供的切图方法，其实现原理相类似，此处不再赘述。

本实施例通过对设计效果图进行一次切图处理，得到第一切图图片；然后根据第一切图图片的第一分辨率，以及各移动终端所需要的第二分辨率，对第一切图图片进行缩放处理，得到与各第二分辨率对应的第二切图图片。实现了只需要对设计效果图进行一次切图处理，然后根据各分辨率，对切图处理后的切图图片进行缩放处理，可以一次性的快速导出适配于各分辨率的切图图片，从而得到适配于各分辨率的切图图片，降低得到适配于不同分辨率的切图图片的时间、提高了效率，进一步的缩短了应用程序的开发周期，降低了应用程序的开发成本。

图4为本发明实施例四提供的切图装置的结构示意图，在实施例三的基础上，如图4所示，本实施例提供的切图装置，第一获取模块31在用于获取设计效果图时，具体用于：

确定各移动终端所需要的分辨率中的最大分辨率；

获取与最大分辨率对应的设计效果图。

第二获取模块32，具体用于：

确定第一分辨率与各第二分辨率的分辨率比值；

获取第一切图图片的第一像素大小；

根据第一像素大小和各分辨率比值，确定与各第二分辨率对应的第二像素大小；

根据各第二像素大小，对第一切图图片进行缩放处理，得到与各第二分辨率分别对应的第二切图图片。

还包括：

存储模块41，用于在处理模块33到与各第二分辨率对应的第二切图图片之后，将与各第二分辨率对应的第二切图图片，分别存储到与各第二分辨率对应的文件夹中。

本实施例的切图装置可执行本发明实施例二提供的切图方法，其实现原理相类似，此处不再赘述。

本实施例通过获取与各移动终端所需要的分辨率中的最大分辨率对应的设计效果图，然后对与最大分辨率对应的设计效果图进行切图处理，得到第一切图图片，从而保证设计效果图的切图图片在存成其他分辨率时候，切图图片只会缩小，图像质量不会失真；确定第一切图图片的第一分辨率，以及各移动终端所需要的第二分辨率，可以得到第一分辨率与各第二分辨率的分辨率比值；在依据第一切图图片的第一像素大小，以及各分辨率比值，确定与各第二分辨率对应的第二像素大小；根据各第二像素大小，对第一切图图片进行缩放处理，得到与各第二分辨率分别对应的第二切图图片，可以一次性的快速导出适配于各分辨率的切图图片；并将与各第二分辨率对应的第二切图图片，分别存储到与各第二分辨率对应的文件夹中，从而便于查找与各第二分辨率对应的第二切图图片。进一步的，实现了只需要对设计效果图进行一次切图处理，然后根据各分辨率，对切图处理后的切图图片进行缩放处理，可以一次性的快速导出适配于各分辨率的切图图片，从而得到适配于各分辨率的切图图片，降低得到适配于不同分辨率的切图图片的时间、提高了效率，进一步的缩短了应用程序的开发周期，降低了应用程序的开发成本。

本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (8)

1.一种切图方法，其特征在于，包括：

获取设计效果图，并对所述设计效果图进行切图处理，得到第一切图图片；

获取所述第一切图图片的第一分辨率，并获取待适配的至少一个第二分辨率，其中，各第二分辨率分别为各移动终端所需要的分辨率；

根据所述第一分辨率以及所述第二分辨率，对所述第一切图图片进行缩放处理，得到与各第二分辨率对应的第二切图图片。

2.根据权利要求1所述的方法，其特征在于，所述获取设计效果图，包括：

确定各移动终端所需要的分辨率中的最大分辨率；

获取与所述最大分辨率对应的设计效果图。

3.根据权利要求1所述的方法，其特征在于，所述根据所述第一分辨率以及所述第二分辨率，对所述第一切图图片进行缩放处理，得到与各第二分辨率对应的第二切图图片，包括：

确定所述第一分辨率与各第二分辨率的分辨率比值；

获取所述第一切图图片的第一像素大小；

根据所述第一像素大小和各分辨率比值，确定与各第二分辨率对应的第二像素大小；

根据各第二像素大小，对所述第一切图图片进行缩放处理，得到与各第二分辨率分别对应的第二切图图片。

4.根据权利要求1-3任一项所述的方法，其特征在于，在得到与各第二分辨率对应的第二切图图片之后，还包括：

将与各第二分辨率对应的第二切图图片，分别存储到与各第二分辨率对应的文件夹中。

5.一种切图装置，其特征在于，包括：

第一获取模块，用于获取设计效果图，并对所述设计效果图进行切图处理，得到第一切图图片；

第二获取模块，用于获取所述第一切图图片的第一分辨率，并获取待适配的至少一个第二分辨率，其中，各第二分辨率分别为各移动终端所需要的分辨率；

处理模块，用于根据所述第一分辨率以及所述第二分辨率，对所述第一切图图片进行缩放处理，得到与各第二分辨率对应的第二切图图片。

6.根据权利要求5所述的装置，其特征在于，所述第一获取模块在用于获取设计效果图时，具体用于：

确定各移动终端所需要的分辨率中的最大分辨率；

获取与所述最大分辨率对应的设计效果图。

7.根据权利要求5所述的装置，其特征在于，所述第二获取模块，具体用于：

确定所述第一分辨率与各第二分辨率的分辨率比值；

获取所述第一切图图片的第一像素大小；

根据所述第一像素大小和各分辨率比值，确定与各第二分辨率对应的第二像素大小；

根据各第二像素大小，对所述第一切图图片进行缩放处理，得到与各第二分辨率分别对应的第二切图图片。

8.根据权利要求5-7任一项所述的装置，其特征在于，还包括：

存储模块，用于在所述处理模块到与各第二分辨率对应的第二切图图片之后，将与各第二分辨率对应的第二切图图片，分别存储到与各第二分辨率对应的文件夹中。