來(lái)源：http://isux.tencent.com/android-ui-9-png.html

Android設(shè)計(jì)中的.9.png

注意：當(dāng)使用9.png做TextView背景時(shí)，一定要設(shè)置內(nèi)容區(qū)域（底部和右側(cè)），否則，文字顯示不出來(lái)。

?

偶米伽 2013.08.20

在Android的設(shè)計(jì)過(guò)程中，為了適配不同的手機(jī)分辨率，圖片大多需要拉伸或者壓縮，這樣就出現(xiàn)了可以任意調(diào)整大小的一種圖片格式 “.9.png”。這種圖片是用于Android開(kāi)發(fā)的一種特殊的圖片格式，它的好處在于可以用簡(jiǎn)單的方式把一張圖片中哪些區(qū)域可以拉伸，哪些區(qū)域不可以 拉伸設(shè)定好，同時(shí)可以把顯示內(nèi)容區(qū)域的位置標(biāo)示清楚。
本文結(jié)合一些具體的例子來(lái)看下.9.png的具體用法。

首先看下普通的.png資源與.9.png的資源區(qū)別：

普通的png資源就不多介紹了，可以明顯看到.9.png的外圍是有一些黑色的線條的，那這些線條是用來(lái)做什么的呢？我們來(lái)看下放大的圖像：

放大后可以比較明顯的看到上下左右分別有一個(gè)像素的黑色線段，這里分別標(biāo)注了序號(hào)。簡(jiǎn)單來(lái)說(shuō)，序號(hào)1和2標(biāo)識(shí)了可以拉伸的區(qū)域，序號(hào)3和4標(biāo)識(shí)了內(nèi)容區(qū)域。當(dāng)設(shè)定了按鈕實(shí)際應(yīng)用的寬和高之后，橫向會(huì)拉伸1區(qū)域的像素，縱向會(huì)拉伸2區(qū)域的像素。如下圖：

拉伸的含義應(yīng)該比較容易理解，但是內(nèi)容區(qū)域的標(biāo)注有什么意義呢？我們來(lái)看下圖：

這里程序設(shè)置的文字垂直居中，水平居左的對(duì)齊方式。對(duì)齊方式是沒(méi)有問(wèn)題的，但是對(duì)于這種大圓角同時(shí)又有些不規(guī)則邊框的的圖形來(lái)說(shuō)，錯(cuò)誤的標(biāo)注方式會(huì)讓排版看起來(lái)很混亂。所以我們需要修正內(nèi)容區(qū)域的線段位置和長(zhǎng)度。

把橫向的內(nèi)容區(qū)域縮短到圓角以內(nèi)，縱向的內(nèi)容區(qū)域控制在輸入框的高度以內(nèi)，這樣文字就可以正常顯示了。

這里還有一種特殊情況，就是本身是.9.png的資源，但是在修改過(guò)程中你希望這張.9.png不能被拉伸（在做皮膚的情況中有可能會(huì)遇到），那怎么辦呢？只要把拉伸區(qū)域的點(diǎn)點(diǎn)在透明像素的地方就可以了，這樣拉伸的時(shí)候會(huì)拉伸透明部分的像素，而不會(huì)拉伸圖像本身。如下圖:

大家可以看到拉伸區(qū)域的黑點(diǎn)是可以不連續(xù)的。

說(shuō)了半天.9.png的用法，那.9.png如何輸出呢？有很多種方式可以輸出.9.png，比如說(shuō)用draw9patch.bat這個(gè)工具，或者 簡(jiǎn)單一點(diǎn)，用photoshop直接輸出。輸出的方式是先輸出普通的png資源，然后擴(kuò)大畫(huà)布大小，上下左右各空出一個(gè)像素，再用一個(gè)像素的鉛筆工具（顏 色選擇純黑色），上下左右分別畫(huà)點(diǎn)就可以了，保存的時(shí)候注意把后綴修改為.9.png。
有兩點(diǎn)需要特別注意下：
1.最外圍的一圈像素必須要么是純黑色，要么是透明，一點(diǎn)點(diǎn)的半透明的像素都不可以有，比如說(shuō)99%的黑色或者是1%的投影都不可以有;
2.文件的后綴名必須是.9.png，不能是.png或者是.9.png.png，這樣的命名都會(huì)導(dǎo)致編譯失敗。

?

轉(zhuǎn)載于:https://www.cnblogs.com/sudawei/p/3556122.html

總結(jié)

以上是生活随笔為你收集整理的【转】Android设计中的.9.png的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。