UGUI的原理則是，讓開發者徹底模糊圖集的概念，讓開發者不要去關心自己的圖集。做界面的時候只用小圖，而在最終打包的時候unity才會把你的小圖和並在一張大的圖集里面。Editor->Project Settings 下面有sprite packer的模式。Disabled表示不啟用它，Enabled For Builds 表示只有打包的時候才會啟用它，Always Enabled 表示永遠啟用它。 這里的啟用它就表示是否將小圖自動打成圖集。如下圖：
將需要打到一個圖集的所有圖片的packing tag設置成同一個名稱，如下圖，打包的時候unity就會把packing tag相同的圖片打到一個圖集上面。
但是打過圖集的圖片，如果有其他prefab用到其中某個圖片的話，其他prefab在打包的時候就會把這個圖集也打進去，所以很多公共資源就沒辦法打圖集。為了讓公共資源既能打圖集，而用到這個圖集里的圖片的prefab打包的時候又不把這個圖集打進去，所以就用TexturePacker工具打出圖集給UGUI使用，具體如下：
1，從Asset Store里下載TexturePackerImporter ，然后導入到項目中。
2，下載Texturepacker工具http://www.codeandweb.com/texturepacker/unity
3，安裝好之后，打開Texturepacker，把需要打包到一個圖集的散圖拖進去，然后設置設置 Data file和Texture file，路徑是項目中放圖集的文件夾路徑，如下圖：
然后點擊導入
，然后在unity中就能看到一張單獨的大圖，大圖下面是一張張小圖，這是之前導入unity的TexturePackerImporter插件幫我們做好的事情。另外注意這張大圖不需要Mipmaps，因為沒有鏡頭的拉遠拉近效果，所以把勾選去掉。導入unity的除了一張大圖之外還有一個.tpsheet文件，這個文件里記錄了每一張小圖在這張圖集中的位置及其大小等信息。