一种图集九宫格切割的方法及系统技术方案

本发明专利技术涉及一种图集九宫格切割的方法及系统，步骤S1、将多张图片组合成一个新图集；步骤S2、在图集编辑界面中显示生成的图集；步骤S3、选取图集中的一个图片定义域，将其对应的图片设置在九宫格编辑界面上；步骤S4、生成九宫格切割线，进行切割图片；步骤S5、调节九宫格切割线的位置；步骤S6、保存九宫格切割线的位置到九宫格配置文件中；步骤S7、在图集编辑界面上获取选中图片定义域X轴和Y轴的位置，然后将该图片定义域从图集中删除；步骤S8、重新生成九个新的图片定义域；步骤S9、保存图集。有助于提高用户图集切割的效率，方便用户将相似内容的图片进行九宫格分类处理，更能合理有效地使用图集资源。

【技术实现步骤摘要】
一种图集九宫格切割的方法及系统
本专利技术涉及图集切割
，特别是一种图集九宫格切割的方法及系统。
技术介绍
图集是一个图片的集合，方便界面控件选择图片，而且可以在集合范围内随意改变图片，在生成控件时也可以很方便地分配图片。在游戏中，经常会使用到图集，而不是具体的图片，如果游戏中都使用到具体的图片，那么必然每张图片都对应一个图片纹理。而使用这些图片组合而成的图集的话，仅仅对应一张图集的纹理，将大大减少DrawCall次数，（每次CPU准备数据并通知GPU进行渲染的过程就称之为一个DrawCall，如果DrawCall数量过多就会导致CPU进行大量计算，进而导致CPU的过载，影响游戏运行效率），提高游戏运行效率。但是有时提供的整张图集需要一个个进行切割，非常麻烦。九宫格构图，是最为常见、最基本的构图方法，如果把画面当作一个有边框的面积，把左、右、上、下四个边都分成三等分，然后用直线把这些对应的点连起来，画面面积分成相等的九个方格。而如果使用九宫格的方式进行切割图集，将提高切割图集的效率，并且可以将相似内容的图片进行九宫格分类处理，方便用户使用。
技术实现思路
为解决上述问题，本专利技术的目的是提供一种图集九宫格切割的方法，采用九宫格切割图集，提高切割效率。本专利技术实施例中采用以下方案实现：提供一种图集九宫格切割的方法，所述方法包括以下步骤：步骤S1、将多张图片组合成一个新图集，选择含有图片的文件夹或者选择多张图片，拖入到新建图集界面，通过Atlas库将选择的图片纹理进行解析，重新组合成一个新图集；步骤S2、在图集编辑界面中显示生成的图集；步骤S3、选取图集中的一个图片定义域，将其对应的图片设置在九宫格编辑界面上；步骤S4、在九宫格编辑界面上，生成九宫格切割线，进行切割图片；步骤S5、调节九宫格切割线的位置，对其中图片的位置和大小进行调整；步骤S6、调整完九宫格切割线后，保存九宫格切割线的位置到九宫格配置文件中，以备在图集编辑中进行使用；步骤S7、返回图集编辑界面，在图集编辑界面上获取选中图片定义域X轴和Y轴的位置，然后将该图片定义域从图集中删除；步骤S8、重新生成九个新的图片定义域，从九宫格配置文件中读取九宫格切割线的位置，并根据所述步骤S7获取的X轴位置和Y轴位置，重新生成九个新的图片定义域；步骤S9、保存图集，将经过九宫格切割形成的九个新的图片定义域的图集进行保存。本专利技术一实施例中，所述步骤S2进一步具体为：将生成的新图集设置到图集编辑界面，通过获取图集内容，将其在图集编辑界面进行显示；在图集编辑界面上，将显示对应的图集底图以及每张图片对应的图片定义域；图片定义域指的是生成图集过程的各个图片的位置的矩形。本专利技术一实施例中，所述步骤S3进一步具体为：通过鼠标选中图集中的一个图片定义域，获取到其对应的图片,然后将该图片放置在九宫格编辑界面上，显示对应的宽度和高度等图片信息；整张图片以左上角为（0，0）点，向右X轴位置增加，向下Y轴位置增加。本专利技术一实施例中，所述步骤S4进一步具体为，所述九宫格切割线包括两条横线和两条竖线；两条横线分别是上线和下线，两条竖线分别是左线和右线；九宫格切割线默认位置为：上线的位置=图片的高度1/3；下线的位置=图片的高度2/3；左线的位置=图片的宽度1/3；右线的位置=图片的宽度2/3。本专利技术一实施例中，所述步骤S8进一步具体为，重新生成的九个新图片定义域为：定义原先的图片位置定义为iPosX，iPosY；原先的图片宽高定义为iWidth，iHeight；九宫格切割位置定义为iLeft，iRight，iTop，iBottom。本专利技术还提供一种图集九宫格切割的系统，所述系统包括新图集生成模块、图集显示模块、图集编辑模块、图集九宫格切割模块、九宫格切割线调整模块、九宫格切割线配置保存模块、图片定义域删除模块、图片定义域重新生成模块、以及图集保存模块；所述新图集生成模块，用于将多张图片组合成一个新图集，选择含有图片的文件夹或者选择多张图片，拖入到新建图集界面，通过Atlas库将选择的图片纹理进行解析，重新组合成一个新图集；所述图集显示模块，用于在图集编辑界面中显示生成的图集,将生成的新图集设置到图集编辑界面，通过获取图集内容，将其在图集编辑界面进行显示；所述图集编辑模块，用于选取图集中的一个图片定义域（图片定义域指的是生成图集过程的各个图片的位置的矩形），将其对应的图片设置在九宫格编辑界面上；所述图集九宫格切割模块，用于在九宫格编辑界面上生成九宫格切割线，进行切割图片；所述九宫格切割线调整模块，用于调节九宫格切割线的位置，对其中图片的位置和大小进行调整；所述九宫格切割线配置保存模块，用于保存九宫格切割线的位置到九宫格配置文件中，以备在图集编辑中进行使用；所述图片定义域删除模块，用于返回图集编辑界面，在图集编辑界面上获取选中图片定义域X轴和Y轴的位置，然后将该图片定义域从图集中删除；所述图片定义域重新生成模块，用于从九宫格配置文件中读取九宫格切割线的位置，并根据获取的X轴位置和Y轴位置，重新生成九个新的图片定义域；所述图集保存模块，用于将经过九宫格切割形成的九个新的图片定义域的图集进行保存。本专利技术一实施例中，所述图集显示模块的实现方式进一步具体为：将生成的新图集设置到图集编辑界面，通过获取图集内容，将其在图集编辑界面进行显示；在图集编辑界面上，将显示对应的图集底图以及每张图片对应的图片定义域；图片定义域指的是生成图集过程的各个图片的位置的矩形。本专利技术一实施例中，所述图集编辑模块的实现方式进一步具体为：通过鼠标选中图集中的一个图片定义域，获取到其对应的图片,然后将该图片放置在九宫格编辑界面上，显示对应的宽度和高度等图片信息。本专利技术一实施例中，所述图集九宫格切割模块的实现方式进一步具体为：所述九宫格切割线包括两条横线和两条竖线；两条横线分别是上线和下线，两条竖线分别是左线和右线；九宫格切割线默认位置为：上线的位置=图片的高度1/3；下线的位置=图片的高度2/3；左线的位置=图片的宽度1/3；右线的位置=图片的宽度2/3。本专利技术一实施例中，所述图片定义域重新生成模块的实现方式进一步具体为：重新生成的九个新图片定义域为：定义原先的图片位置定义为iPosX，iPosY；原先的图片宽高定义为iWidth，iHeight；九宫格切割位置定义为iLeft，iRight，iTop，iBottom。本专利技术的有益效果：本专利技术提供一种图集九宫格切割的方法及系统，有助于提高用户图集切割的效率，方便用户将相似内容的图片进行九宫格分类处理，更能合理有效地使用图集资源。附图说明图1是一种图集九宫格切割的方法的流程图。图2是九宫格切割线的生成示例图。图3是一种图集九宫格切割的系统的系统原理框图。具体实施方式下面结合附图对本专利技术做进一步说明。请参本文档来自技高网...

【技术保护点】
1.一种图集九宫格切割的方法，其特征在于：所述方法包括以下步骤：/n步骤S1、将多张图片组合成一个新图集，选择含有图片的文件夹或者选择多张图片，拖入到新建图集界面，通过Atlas库将选择的图片纹理进行解析，重新组合成一个新图集；/n步骤S2、在图集编辑界面中显示生成的图集；/n步骤S3、选取图集中的一个图片定义域，将其对应的图片设置在九宫格编辑界面上；/n步骤S4、在九宫格编辑界面上，生成九宫格切割线，进行切割图片；/n步骤S5、调节九宫格切割线的位置，对其中图片的位置和大小进行调整；/n步骤S6、调整完九宫格切割线后，保存九宫格切割线的位置到九宫格配置文件中，以备在图集编辑中进行使用；/n步骤S7、返回图集编辑界面，在图集编辑界面上获取选中图片定义域X轴和Y轴的位置，然后将该图片定义域从图集中删除；/n步骤S8、重新生成九个新的图片定义域，从九宫格配置文件中读取九宫格切割线的位置，根据所述步骤S7获取的X轴位置和Y轴位置，重新生成九个新的图片定义域；/n步骤S9、保存图集。/n

【技术特征摘要】
1.一种图集九宫格切割的方法，其特征在于：所述方法包括以下步骤：
步骤S1、将多张图片组合成一个新图集，选择含有图片的文件夹或者选择多张图片，拖入到新建图集界面，通过Atlas库将选择的图片纹理进行解析，重新组合成一个新图集；
步骤S2、在图集编辑界面中显示生成的图集；
步骤S3、选取图集中的一个图片定义域，将其对应的图片设置在九宫格编辑界面上；
步骤S4、在九宫格编辑界面上，生成九宫格切割线，进行切割图片；
步骤S5、调节九宫格切割线的位置，对其中图片的位置和大小进行调整；
步骤S6、调整完九宫格切割线后，保存九宫格切割线的位置到九宫格配置文件中，以备在图集编辑中进行使用；
步骤S7、返回图集编辑界面，在图集编辑界面上获取选中图片定义域X轴和Y轴的位置，然后将该图片定义域从图集中删除；
步骤S8、重新生成九个新的图片定义域，从九宫格配置文件中读取九宫格切割线的位置，根据所述步骤S7获取的X轴位置和Y轴位置，重新生成九个新的图片定义域；
步骤S9、保存图集。


2.根据权利要求1所述的一种图集九宫格切割的方法，其特征在于：所述步骤S2进一步具体为：将生成的新图集设置到图集编辑界面，通过获取图集内容，将其在图集编辑界面进行显示；在图集编辑界面上，将显示对应的图集底图以及每张图片对应的图片定义域；图片定义域指的是生成图集过程的各个图片的位置的矩形。


3.根据权利要求1所述的一种图集九宫格切割的方法，其特征在于：所述步骤S3进一步具体为：通过鼠标选中图集中的一个图片定义域，获取到其对应的图片,然后将该图片放置在九宫格编辑界面上，显示对应的宽度和高度等图片信息。


4.根据权利要求1所述的一种图集九宫格切割的方法，其特征在于：所述步骤S4进一步具体为，所述九宫格切割线包括两条横线和两条竖线；两条横线分别是上线和下线，两条竖线分别是左线和右线；九宫格切割线默认位置为：上线的位置=图片的高度1/3；下线的位置=图片的高度2/3；左线的位置=图片的宽度1/3；右线的位置=图片的宽度2/3。


5.根据权利要求1所述的一种图集九宫格切割的方法，其特征在于：所述步骤S8进一步具体为，重新生成的九个新图片定义域为：定义原先的图片位置定义为iPosX，iPosY；原先的图片宽高定义为iWidth，iHeight；九宫格切割位置定义为iLeft，iRight，iTop，iBottom。


6.一种图集九宫格切割的系统，其特征在于：所述系统包括新图集生成模块、图集显示模块、图集编辑模块、图集九宫格切割模块、九宫格切割线调整模块、九宫格切割线配置保存模块、图片定义域删除模块、图片定义域重新生成模块、以及...

【专利技术属性】
技术研发人员：刘德建，柳旭辉，张延锋，郑成龙，陈宏展，
申请(专利权)人：福建天晴在线互动科技有限公司，
类型：发明
国别省市：福建;35