Android之.9圖片原理解析


定義

用於Android開發的一種特殊的圖片格式,好處在於可以定義圖片中哪些區域可以拉伸,哪些區域不可以拉伸,同時可以把顯示內容區域的位置標示清楚。


下面是普通的png資源與.9.png的資源區別:
Android設計中的.9.png

觀察可以看到,.9圖片的外圍有一些黑色的線條,放大的圖像如下所示:
Android設計中的.9.png

可以比較明顯的看到上下左右分別有一個像素的黑色線段,這里分別標注上序號。其中,序號1和2標識可以拉伸的區域,序號3和4標識內容區域。一旦設定按鈕的寬和高之后,橫向會拉伸1區域的像素,縱向會拉伸2區域的像素。如下圖:
Android設計中的.9.png

對於內容區域的標注,我們來看下圖:
Android設計中的.9.png

這里程序設置的文字垂直居中,水平居左的對齊方式。此時對於這種大圓角同時又有些不規則邊框的的圖形來說,錯誤的標注方式會讓排版看起來很混亂,所以需要修正內容區域的線段位置和長度。
Android設計中的.9.png
把橫向的內容區域縮短到圓角以內,縱向的內容區域控制在輸入框的高度以內,這樣文字就可以正常顯示了。



特殊情況

本身是.9.png的資源,但是在修改過程中你希望這張.9.png不能被拉伸(在做皮膚的情況中有可能會遇到),那怎么辦呢?只要把拉伸區域的點點在透明像素的地方就可以了,這樣拉伸的時候會拉伸透明部分的像素,而不會拉伸圖像本身。如下圖:
Android設計中的.9.png
大家可以看到拉伸區域的黑點是可以不連續的。






免責聲明!

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



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