Android Studio中對.9.png簡單操作


概念:

9patch圖片是andriod app開發里一種特殊的圖片形式,文件的擴展名為:.9.png

9patch圖片的作用就是在圖片拉伸的時候保證其不會失真。所以我們使用.9圖片,讓圖片在指定的位置拉伸和在指定的位置顯示內容,這樣圖片的邊邊角角就不會出現失真了。

如下面所示:

1.3.7.9這四個部分,是屋角,要保持原來的樣子,所以是不拉伸的;

5,這一部分是房子的里面,放東西和住人的,要隨着長寬的變化而變化的,身不由己,沒辦法;

2.4.6.8這四個部分,是四面牆,是可以拉伸的。前面說的就是這部分的變化。(它們的拉伸,就相當於是5這塊被拉伸了。) 

最常見的就是QQ聊天里面的氣泡了,它的四個角不會隨着文字的個數增加而變化。

下面是使用方法:

1、首先在drawale中導入一張圖片,原圖如下:

 

 

 

2、現在生成.9.png后有如下的效果:左邊的圖片用來進行操作的,右邊是對應的生成結果,它有三個:分別對應垂直方向拉伸、水平方向拉伸、垂直水平方向拉伸。

 

 

有這些選項是需要了解的:

Zoom:調節圖片制作區域(左邊圖片)的大小

Patch scale:對右邊的圖片進行放大與縮小

Show lock :勾選后把鼠標放到圖片制作區域(窗口左邊)會顯示如圖的紅色條紋,條紋區域為不可編輯區域。

Show content:勾選后在縮放預覽區域(窗口右邊)會用藍色區域來標記顯示內容(如文字)的區域。

Show patches: 勾選后在圖片制作區域會有如圖綠色的區域,為當圖片大小變化后拉伸的區域,也就是說綠色外的區域不管圖片如何變化都是不會補拉伸的,可以看到綠                         色區域或多或少的發生了變形。

Show bad patches:勾選上,此時(如果點九圖片繪制有誤的話)會看到圖片出現 報錯的區域

     

 

 

 圖片的邊緣會有一圈透明像素,這是用來標記拉伸區域和內容區域的(注意放大了來看,不然看不到),然后用鼠標左鍵點擊會出現黑線,用shift+鼠標左鍵會取消黑線。下面是這些黑線的作用

頂部黑線:在水平拉伸的時候,保持其他位置不動,只在這個點的區域做無限的延伸

左邊黑線:在豎直拉伸的時候,保持其他位置不動,只在這個點的區域做無限的延伸

底部黑線:在水平拉伸的時候,指定圖片里的內容顯示的區域

右邊黑線:在豎直拉伸的時候,指定圖片里的內容顯示的區域

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM