9patch制作部分拉伸的圖片素材

前言:

大傢應該都有這樣的經歷,當我們為按鈕設置瞭背景後;由於按鈕顯示的內容過多,

這個圖片都被拉伸瞭,又是很不好看,我們通常是想縮放顯示文字的那個部分

9patch的出現,可以方便的解決這個問題!

不想看文字的可以直接看視頻

鏈接:9patch基本使用教程

9patch在哪?

sdk的目錄—>tools—>draw9Patch.bat

雙擊後,會彈出一個cmd的框框,不用理他,等等就會出現

ps:別手多把後面那個cmd關瞭哦!

vcD4KPGgyPsq508PB97PMOjwvaDI+CjxoMz6i2bTyv6rSqr340NC0psDttcTNvMasOjwvaDM+CjxwPjxpbWcgc3JjPQ==”https://www.aiwalls.com/uploadfile/Collfiles/20140321/2014032112543695.png” alt=”\”>

②打開後

③當前是不可以直接對圖片進行操作的,因為被鎖住瞭

要把下面那個show lock的溝溝去掉哦

④勾選下面的Show patches

當前紅色/紫色的部分就是當前縮放的區域瞭

大傢留一下四周,多出瞭一條白黑相隔的像素條,這就是我們主要的操作對象瞭

⑤在最外層的左或者上,點像素點,或者拉,點完左邊點上邊

⑥當前紅色的區域(sb)那塊就是縮放的區域瞭,而綠色部分為固定大小的區域

如果范圍拉多瞭,可按住shrit鍵,按住鼠標左鍵,把多餘的點掉

⑦保存為*.9.png文件

⑧打開圖片:

左邊和上面的線是正常的,處理完成,放到代碼中試試就知道瞭,很簡單,這裡就不給出代碼瞭

總結:

以上就是9patch工具的使用教程,很簡單,

讀者可以隨便弄幾個圖片試試,如果有什麼紕漏

或者問題的,望讀者指出,

O(∩_∩)O謝謝！

ps:那個視頻有點雜音,電腦聲卡太垃圾瞭,不好意思啊！