在實際操作之前有幾個概念先弄清一下
Atlas:圖集,把美術給你提供的素材,用 NGUI 的 Atlas Maker 工具。合成一張圖片（准確的說,還同一時候生成了prefab、mat ）。
Sprite:精靈,因為Atlas已經把你的圖片都合成一張了，那怎么單獨調用呢？就是用Sprite。
1.導入外部圖片
理解完了上面兩個概念之后咱們能夠言歸正傳了，首先須要使用外部圖片,你能夠使用自定義的圖片或是美術提供的圖片。能用即可，這里我用了以下兩張圖片。要是你沒有圖片也能夠使用以下兩張圖片（這兩張圖片是100*100的png圖片）。
有了素材之后,咱們須要把這兩個圖片用到項目中去。接着上個教程往下做，在example目錄下新建一個目錄UITexture把這兩張圖片導入進去,導入完畢后能夠在目錄中看到這兩張圖片。
2.創建圖集(Atlas)
將圖片導入project后。下一步就是創建圖集了。進入UITexture目錄，按住Shift鍵選中這兩張圖片。右鍵-->【NGUI】-->【Open Atlas Maker】，之后你會看到 Atlas Maker 的界面
點擊【Create】button。
彈出一個保存對話框選擇圖集保存的位置，將圖集保存到UITexture並命名為MyBtn點擊保存button。
這樣在Altas Maker對話框中能夠看到我們生成的圖集名稱問MyBtn,在View Sprites中能夠看到包括btn_1和btn_2這兩個圖片。
關閉Altas Maker對話框,能夠在UITexture目錄中看到除原來兩張圖片外還多了三個東西一個btn.png(圖集合成的一張新圖),btn.mat(使用btn.png的材質球)，btn.Prefab(使用btn.png的一個預制文件)
3.使用Atlas 和Sprite為button的加入圖片
在Hierarchy面板中選中button的Background,而且查看Background的Inspector面板。
在Background的Inspector面板點擊Atlasbutton在彈出的對話框中選擇MyBtn,點擊Spritebutton選中btn_1
這樣咱們能夠看到button的的背景圖片變成了咱們所選擇的btn_1
因為button的大小是200*50,可是圖片的大小是100*100.所以圖片是變形了的僅僅須要改動button的Background屬性將Widget中的Dinesions改成100*100.就可以
這樣就成功使用外部圖片制作Atlas(圖集)而且使用了圖集中的圖片了。