天天看點

切圖神器

解決問題: 

1. 解決ios的@2x.png的分辯率問題 

2. 解決android的多分辯率的問題 

3. 解決web下也需要導出圖檔的問題 

4. 自動切圖 - 注意是切圖,不是生成html。根據一些簡單規則自動切好圖檔放到相應的檔案夾裡 

三條規則,非常簡單: 

1. 要輸出圖的機關以圖層檔案夾(組)為機關, 檔案夾命名末尾加『@』為結束符。并且,自動切除邊界外透明的像素。 

2. 以『#』名字命名的圖層可以認為是選擇圖檔輸出的邊界。例輸出背景圖:組命名為『bg@』,組裡有兩個圖層,1是大背景;2是橫向1個px形狀圖層,并且此圖層命名為『#』。 

3. button是一種特殊的組。以『_BTN』結尾認為是按鈕,有多種狀态支援 

normal 

hover 

clicked / pressed 

selected 

disabled 

輸出圖檔時也會自動按btn_xxx_normal/btn_xxx_hover命名,非常友善

http://www.cutandslice.me

繼續閱讀