切图方法和装置的制造方法

文档序号:9616115阅读:225来源:国知局
切图方法和装置的制造方法
【技术领域】
[0001]本发明涉及移动互联网技术,尤其涉及一种切图方法和装置。
【背景技术】
[0002]随着移动互联网技术的不断发展,应用到移动终端上的各种应用程序不断出现。在应用程序的开发过程中,需要对应用程序的设计效果图进行切图处理,从而将设计效果图切成便于制作成页面的切图图片。同时由于移动终端的屏幕的分辨率逐渐多样化,应用程序的切图图片需要适配于不同分辨率的移动终端。
[0003]现有技术中,应用程序的设计者首先设计适配于不同分辨率的设计效果图,然后采用绘图软件,分别对每一种分辨率下的设计效果图进行切图处理,生成适配于不同分辨率的切图图片。
[0004]现有技术中,由于切图处理需要应用程序的设计者采用绘图软件进行手动操作,若要得到适配于不同分辨率的切图图片,需要重复执行对每一种分辨率下的设计效果图进行切图处理的操作,从而造成得到适配于不同分辨率的切图图片的时间较长、效率很低,进一步的增加了应用程序的开发周期,提高了应用程序的开发成本。

【发明内容】

[0005]本发明提供一种切图方法和装置,用以解决现有技术中得到适配于不同分辨率的切图图片的时间较长、效率很低,进一步的增加了应用程序的开发周期,提高了应用程序的开发成本的问题。
[0006]本发明的一方面是提供一种切图方法,包括:
[0007]获取设计效果图,并对所述设计效果图进行切图处理,得到第一切图图片;
[0008]获取所述第一切图图片的第一分辨率,并获取待适配的至少一个第二分辨率,其中,各第二分辨率分别为各移动终端所需要的分辨率;
[0009]根据所述第一分辨率以及所述第二分辨率,对所述第一切图图片进行缩放处理,得到与各第二分辨率对应的第二切图图片。
[0010]如上所述的方法中,所述获取设计效果图,包括:
[0011 ] 确定各移动终端所需要的分辨率中的最大分辨率;
[0012]获取与所述最大分辨率对应的设计效果图。
[0013]如上所述的方法中,所述根据所述第一分辨率以及所述第二分辨率,对所述第一切图图片进行缩放处理,得到与各第二分辨率对应的第二切图图片,包括:
[0014]确定所述第一分辨率与各第二分辨率的分辨率比值;
[0015]获取所述第一切图图片的第一像素大小;
[0016]根据所述第一像素大小和各分辨率比值,确定与各第二分辨率对应的第二像素大小;
[0017]根据各第二像素大小,对所述第一切图图片进行缩放处理,得到与各第二分辨率分别对应的第二切图图片。
[0018]如上所述的方法中,在得到与各第二分辨率对应的第二切图图片之后,还包括:
[0019]将与各第二分辨率对应的第二切图图片,分别存储到与各第二分辨率对应的文件夹中。
[0020]本发明的另一方面是提供一种切图装置,包括:
[0021]第一获取模块,用于获取设计效果图,并对所述设计效果图进行切图处理,得到第一切图图片;
[0022]第二获取模块,用于获取所述第一切图图片的第一分辨率,并获取待适配的至少一个第二分辨率,其中,各第二分辨率分别为各移动终端所需要的分辨率;
[0023]处理模块,用于根据所述第一分辨率以及所述第二分辨率,对所述第一切图图片进行缩放处理,得到与各第二分辨率对应的第二切图图片。
[0024]如上所述的装置中,所述第一获取模块在用于获取设计效果图时,具体用于:
[0025]确定各移动终端所需要的分辨率中的最大分辨率;
[0026]获取与所述最大分辨率对应的设计效果图。
[0027]如上所述的装置中,所述第二获取模块,具体用于:
[0028]确定所述第一分辨率与各第二分辨率的分辨率比值;
[0029]获取所述第一切图图片的第一像素大小;
[0030]根据所述第一像素大小和各分辨率比值,确定与各第二分辨率对应的第二像素大小;
[0031]根据各第二像素大小,对所述第一切图图片进行缩放处理,得到与各第二分辨率分别对应的第二切图图片。
[0032]如上所述的装置中,还包括:
[0033]存储模块,用于在所述处理模块到与各第二分辨率对应的第二切图图片之后,将与各第二分辨率对应的第二切图图片,分别存储到与各第二分辨率对应的文件夹中。
[0034]本发明通过获取设计效果图,并对设计效果图进行切图处理,得到第一切图图片;获取第一切图图片的第一分辨率,并获取待适配的至少一个第二分辨率,其中,各第二分辨率分别为各移动终端所需要的分辨率;根据第一分辨率以及第二分辨率,对第一切图图片进行缩放处理,得到与各第二分辨率对应的第二切图图片。实现了只需要对设计效果图进行一次切图处理,然后根据各分辨率,对切图处理后的切图图片进行缩放处理,可以一次性的快速导出适配于各分辨率的切图图片,从而得到适配于各分辨率的切图图片,降低得到适配于不同分辨率的切图图片的时间、提高了效率,进一步的缩短了应用程序的开发周期,降低了应用程序的开发成本。
【附图说明】
[0035]图1为本发明实施例一提供的切图方法的流程图;
[0036]图2为本发明实施例二提供的切图方法的流程图;
[0037]图3为本发明实施例三提供的切图装置的结构示意图;
[0038]图4为本发明实施例四提供的切图装置的结构示意图。
【具体实施方式】
[0039]为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
[0040]图1为本发明实施例一提供的切图方法的流程图,如图1所示,本实施例的方法包括:
[0041]步骤101、获取设计效果图,并对设计效果图进行切图处理,得到第一切图图片。
[0042]在本实施例中,具体的,首先由应用程序的开发者或设计者设计出应用程序或应用软件的设计效果图,由于应用程序需要多幅不同的应用程序界面图,从而可以设计出多幅不同的设计效果图,这些设计效果图适配于同一种分辨率。然后获取到这些设计效果图,对每一幅设计效果图采用绘图软件进行切图处理,可以得到各设计效果图的第一切图图片。
[0043]步骤102、获取第一切图图片的第一分辨率,并获取待适配的至少一个第二分辨率,其中,各第二分辨率分别为各移动终端所需要的分辨率。
[0044]在本实施例中,具体的,从系统数据库中选择需要进行适配的分辨率,这些分辨率为各移动终端所需要的分辨率,从而得到待适配的至少一个第二分辨率。确定出第一切图图片的第一分辨率,第一切图图片的分辨率与设计效果图的分辨率相同。
[0045]步骤103、根据第一分辨率以及第二分辨率,对第一切图图片进行缩放处理,得到与各第二分辨率对应的第二切图图片。
[0046]在本实施例中,具体的,根据第一分辨率和第二分辨率,确定一个缩放比例,从而可以对第一切图图片进行缩放处理,得到与各第二分辨率对应的第二切图图片。
[0047]本实施例通过对设计效果图进行一次切图处理,得到第一切
当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1