Android UI設計時,常常會使用圖片做爲背景,好比給按鈕設置背景圖片時,圖片會默認縮放來適應整個按鈕。可是有時這種縮放效果並非咱們所需求的。而咱們只是但願縮放圖片的特定位置,以此來保證按鈕的視覺效果。此時,官方提供的9-Path圖片處理工具就派上用場了。工具
首先,9-Patn工具默認位於Android SDK 的tools文件夾中,雙擊「draw9patch」,選擇Run便可。測試
運行以下圖所示 :spa
選擇File - Open 9-Path... 選擇須要處理的圖片。設計
其中,左側的圖像區域即爲操做區;右側三個圖像的區域爲預覽區,從上到下分別位縱向拉伸後、橫向拉伸後、總體拉伸後的預覽;圖片
Zoom:調整視圖大小,便於操做;Path scale:模擬拉伸操做;圖片處理
選項處,show lock:鎖定圖像操做區;show content :在預覽圖上顯示內容顯示區域(9 path處理後的圖片分爲縮放區域和內容顯示區域,後面會有講解);im
show patches:在操做區顯示圖片拉伸的區域;項目
如圖所示,操做區有四條線,決定了改圖片的額縮放規則、內容顯示規則。tools
左側和上側:肯定圖片的縮放區域;img
右側和下側:肯定圖片的顯示區域;
如圖,粉紅色區域即爲調整後圖片的縮放區域(由左側、上策的兩條黑線肯定);同理,右側、下側的黑線肯定裏內容顯示區域。
通過這樣處理後,保存(默認後罪名爲 .9.png),就能夠在項目中使用了。
測試結果:
一、處理前效果圖:
二、處理後效果圖: