TexturePacker大图还原成小图工具带源码

　　　　TexturePacker是一个把好多小图打成大图的软件，生成的是大图以及小图在大图位置的.plist描述文件，但是不支持把大图还原成小图。网上偷的图一般都是大图和plist，想得到小图比较麻烦，于是乎用python写了个TexturePacker反向工具，把大图导成小图。

　　1.python要用到的库

　　　　python的图片处理要用到PIL(Python Image Library)，mac10.10下安装PIL会报 fatal error: 'X11/Xlib.h' file not found的错，解决方法在此。而且在装PIL前要先装zlib/libpng/jpeg，安装方法自行百度。

　　　　plist解析用了xml.dom为python自带的库，不用装。

　　2.TexturePacker导出的plist结构分析

　　　　plist文件如下所示。　

 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
     <dict>
         <key>frames</key>
         <dict>
             <key>grossini_dance_03.png</key>
             <dict>
                 <key>frame</key>
                 <string>{{46,324},{63,109}}</string>
                 <key>offset</key>
                 <string>{-6,-1}</string>
                 <key>rotated</key>
                 <false/>
                 <key>sourceColorRect</key>
                 <string>{{5,7},{63,109}}</string>
                 <key>sourceSize</key>
                 <string>{85,121}</string>
             </dict>
         </dict>
         <key>metadata</key>
         <dict>
             <key>format</key>
             <integer>2</integer>
             <key>realTextureFileName</key>
             <string>bbb.png</string>
             <key>size</key>
             <string>{512,512}</string>
             <key>smartupdate</key>
             <string>$TexturePacker:SmartUpdate:ea1bbb1419cd4c346debb54e1a7d5de2:1/1$</string>
             <key>textureFileName</key>
             <string>bbb.png</string>
         </dict>
     </dict>
 </plist> 

　　　　frames对应的value是所有小图的信息。key为小图的名字，dict为小图的信息。

　　　　frame为图片小图位置及大小(这个大小是经过Trim的大小，TP会把png的无像素白边剔除，来减小图片的大小，也就是说大图中小图的大小不一定等与小图真正的大小)。如上plist{{46，324}，{63，109}}，46和324为小图在大图中x，y坐标，{63，109}为经过裁剪的图片大小，图2其实是png格式黄色背景是空的，为了看着方便，加两个黄色背景。{63，109}是红框内的大小。

图1图2图3

　　　　rotated是是否旋转，这个光头没有旋转，大图中的play按钮有旋转。

　　　　sourceSize为小图的大小。{85， 121}为小图整个大小，没有经过Trim。

　　　　sourceColorRect为经过Trim的图在小图中的起始坐标及大小。{{5，7}，{63， 109}}中{5，7}为图2中红框左上角的坐标，{63，109}为大图中小图的大小。

　　　　offset为中心坐标偏移。图3中小红点处为原大小图中心点p1，小红点左边的交叉点为经过Trim的图片中心点p2，以p1为原点，p2的坐标就是这个offset{-6，-1}，x向负轴偏移6像素，y向负轴偏移1像素，这里比较奇怪，y轴好像是向上为正了。

　　　不知这个有offset有神马用，下面的代码没有用offset，用sourceColorRect、sourceSize、frame、rotated就可以确定出小图的样子。

　　3.代码分析

　　　　代码中用到了PIL，PIL的参考手册在这，程序中用到了open、new、crop、crop、rotate几个api。

　　　　代码分三个文件，主文件TexturePacker.py，运行此来生成小图。PlistToDict.py来解析plist文件，生成map，key为小图名，value为小图信息。BraceParser.py为{{2，3}，{4，5}}生成列表[[2,3][4,5]]。

　　　　知道了plist的含义，稍微会用PIL，代码应该很好理解，代码如下，玩具代码，莫要嘲笑。

　　　　TexturePacker.py，类TextureParser第一个参数是plist及png文件位置，第二个为文件名字。

 import PIL.Image as Image
 import BraceParser
 import PlistToDict

 class TextureParser(object):
     def __init__(self, path, name):
         self.__resPath = path;
         self._name = name;
         self.__plistDict = PlistToDict.PlistToDict(path + "/" + name + ".plist").createDict();

     #return map[picName : {originPoint : {x:, y:}, size : {width:, height:}}]
     def __getSmallPicInfos(self):
         picInfo = {};
         for key, value in self.__plistDict["frames"].items():
             size = BraceParser.BraceParser(value["sourceSize"]).createList();
             origin = BraceParser.BraceParser(value["frame"]).createList();
             sourceSize = BraceParser.BraceParser(value["sourceColorRect"]).createList();
             picInfo[key] = {"size" : size,
                             "origin" : [origin[0][0], origin[0][1]],
                             "colorOrigin" : [sourceSize[0][0], sourceSize[0][1]],
                             "colorSize" : [sourceSize[1][0], sourceSize[1][1]],
                             "isRotated" : value["rotated"]
                             };
         return picInfo;

     def smallPicsCreate(self, pathToStore = None):
         image = Image.open(self.__resPath + "/" + self._name + ".png");
         picInfos = self.__getSmallPicInfos();
         for k, v in picInfos.items():
             if v["isRotated"] == True:
                 v["size"][0], v["size"][1] = v["size"][1], v["size"][0];
                 v["colorSize"][0], v["colorSize"][1] = v["colorSize"][1], v["colorSize"][0];
             newImage = Image.new("RGBA", (int(v["size"][0]),int(v["size"][1])));
             box = (int(v["origin"][0]), int(v["origin"][1]),
                    int(v["origin"][0] + v["colorSize"][0]), int(v["origin"][1] + v["colorSize"][1]));
             region = image.crop(box);
             newImage.paste(region, (int(v["colorOrigin"][0]), int(v["colorOrigin"][1])));
             if v["isRotated"] == True:
                 newImage = newImage.rotate(90);
             newImage.save(self.__resPath + k);

 if __name__ == "__main__":
     textureUnPacker = TextureParser("/Users/adv/Desktop/", "bbb");
     textureUnPacker.smallPicsCreate();
     print("success!")

　　　　PlistToDict.py，用的是dom解析plist。dom怎么用自行百度。

 from xml.dom import minidom

 class PlistToDict(object):
     def __init__(self, plistPath):
         dom = minidom.parse(plistPath);
         self.__root = dom.documentElement;

     # get root dict
     def __getFirstDictDoc(self):
         children = self.__root.childNodes;
         for v in children:
             if v.nodeType == v.ELEMENT_NODE and v.nodeName == "dict":
                 return v;
         return None;

     # get value by key in doc's children
     def __getValueDocByKey(self, doc, key):
         children = doc.childNodes;
         for v in children:
             if v.nodeType == v.ELEMENT_NODE and v.nodeName == "key" and v.firstChild.nodeValue == key:
                 node = v.nextSibling;
                 while node.nodeType != node.ELEMENT_NODE:
                     node = node.nextSibling;
                     if node == None:
                         return None;
                 return node;
         return None;

     def __firstElementNodeName(self, doc):
         for v in doc.childNodes:
             if v.nodeType == v.ELEMENT_NODE:
                 return v.nodeName;

     def __docToDict(self, dom, dic):
         keys = self.__getAllKeyValuesInDoc(dom);
         for key in keys:
             valueNode = self.__getValueDocByKey(dom, key);
             if valueNode.nodeName == "dict":
                 dic[key] = {}
                 self.__docToDict(valueNode, dic[key]);
             elif valueNode.nodeName == "false":
                 dic[key] = False;
             elif valueNode.nodeName == "true":
                 dic[key] = True;
             else:
                 dic[key] = valueNode.firstChild.nodeValue;

     def __getAllKeyValuesInDoc(self, doc):
         ret = [];
         for v in doc.childNodes:
             if v.nodeName == "key":
                 ret.append(v.firstChild.nodeValue);
         return ret;

     def createDict(self):
         rootDict = self.__getFirstDictDoc();
         ret = {};
         self.__docToDict(rootDict, ret);
         return ret;

　　　　BraceParser.py，用来解析括号。

 class BraceParser(object):
     def __init__(self, str):
         self.__strToParse = str.replace(" ", "");

     def __firstStrIsLeftBrace(self, str):
         return True if str[0] == "{" else False;

     def __subOutBrace(self, str):
         return str[1:-1];

     def __findAllSeqCommaPos(self, str):
         bracketNum = 0;
         ret = [];
         for i, v in enumerate(str):
             if v == "{":
                 bracketNum += 1;
             elif v == "}":
                 bracketNum -= 1;
             elif v == ",":
                 if bracketNum == 0:
                     ret.append(i);
         return ret;

     # {111,324},{100,100} return ["{111,324}", "{100,100}"]
     def __getAllBraceStrs(self, str):
         listStr = [];
         posList = self.__findAllSeqCommaPos(str);
         lastPos = -1;
         for v in posList:
             listStr.append(str[lastPos + 1: v]);
             lastPos = v;
         listStr.append(str[lastPos + 1: ]);
         return listStr;

     def __getValue(self, str):
         listStr = str.split(",");
         return listStr[0], listStr[1];

     def __listCreate(self, str, listIns):
         if self.__firstStrIsLeftBrace(str) == True:
             braceStrs = self.__getAllBraceStrs(str);
             for v in braceStrs:
                 subList = [];
                 listIns.append(subList);
                 self.__listCreate(self.__subOutBrace(v), subList);
         else:
             x, y = self.__getValue(str);
             listIns.append(float(x));
             listIns.append(float(y));

     def createList(self):
         listIns = [];
         str = self.__subOutBrace(self.__strToParse);
         self.__listCreate(str, listIns);
         return listIns;

　　　　最后，我想问博客园怎么上传附件？