軟件環境：Android??Studio 2.1.2、win10家庭版電腦

.9圖片，對于Android開發者而言，想必并不陌生。只是偶爾開發中涉及，難免因擱置太久，已忘卻。今有重拾此知識，現親測匯總，望于其他人有所助益！

一、.9概述

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

作用：就是在圖片拉伸的時候保證其不會失真。具體則是通過設置其四個“邊框”處，是圖片在指定位置進行水平/垂直拉伸并且指定其圖片被覆蓋內容的顯示位置，從而使得圖片的邊角處不致失真而影響美觀；

二、.9圖片制作詳解

（1）打開AS，選擇需要.9操作的圖片，右擊，Create 9-Patch file

AS將默認生成至當前文件夾中，如下圖

雙擊打開，如下圖

如果僅是如此，不對此.9圖片做任何操作，其與一般圖片無異。

下面是我的測試頁面同布局，

（2）將原圖片（icon_dialog.png）作為TextView的背景，運行之后你會發現兩個問題：

其一，你會發現右下角變得很模糊，影響美觀

其二，就是“燈火輝煌”這幾個文字顯示的位置不對

此處不做運行結果截圖展示。

（3）了解AS單擊.9圖片之后的頁面屬性（*）

標識1：“Zoom”選項，是來放大或縮小“1號區域”中我們的圖片，方便大家編輯；

標識2：“patch scale”選項，是來放大或縮小“2號區域”中我們的.9示例圖片；

標識3：“Show lock”選中該選項，把鼠標放到我們編輯過的圖片上就會發現，在圖片上顯示了一個類似于對角線的東西，那個是鎖，鎖住了不可編輯的區域；

標識4：“Show content”選項是在右邊的查看區域中的圖片顯示我們需要拉伸的地方；

標識5：，“Show patches”選項是將降級過的圖片的區域用其他顏色表示出來，方便我們查看；

標識6：“Show bad patches”?選中該選項就會出現紅色的線條將我們需要拉伸的區域，圈起來，方便我們查看自己編輯過的需要拉伸的區域；

標識7：頂部：在水平拉伸的時候，保持其他位置不動，只在這個點的區域做無限的延伸；

標識8：左邊：在豎直拉伸的時候，保持其他位置不動，只在這個點的區域做無限的延伸；

標識9：底部：在水平拉伸的時候，指定圖片里的內容顯示的區域；

標識10：右邊：在豎直拉伸的時候，指定圖片里的內容顯示的區域；

（4）制作流程

進入.9圖片的操作界面，右邊則是實時的顯示界面。接下來，我們要對圖片進行描邊了，描邊之前一定要清楚四條邊的含義，上左控制拉伸位置，下右控制內容顯示位置。

4.1描邊時，按下鼠標左鍵，然后放在圖片邊界移動就能描邊了，要是想要去掉黑邊，可以按下Shift鍵，然后點擊鼠標左鍵。

我們先繪制左上兩邊，控制拉伸位置，如下繪制完成了之后，可以看右邊的閱覽圖，明顯比沒有繪制時邊角的清晰度更高。

此時為了防止右下角被拉伸，劃線的時候，特意將右下角處空出來。

4.2繪制完了圖片的拉伸區域之后，我們還需要繪制圖片包裹的內容的顯示區域，如果沒有繪制的話，里邊的內容是會從左到右依次顯示，這樣有時達不到我們想要的效果。

Demo中的圖片我想要圖片里面的文本顯示在中央區域，即不顯示在文本區域，所以我的黑色描邊可以這樣描。

通過對四條邊的描黑邊處理，我們就成功了避免了上述我們遇到的兩個問題，拉伸的都是我們設置的區域，顯示的也是我們想要顯示的位置。

4.3對不同情況下描邊的遠行結果運行測試

4.3.1上訴四邊描述成功下的運行界面展示

4.3.2四邊都不描的的運行界面展示（編譯出錯）

4.3.3只描頂邊的運行界面展示（編譯出錯）

4.3.4只描頂邊與左邊的運行界面展示

?

運行結果是右下角沒有拉伸變形，但是文字位置沒有處于正中間。

4.3.5只描底邊與右邊的運行界面展示（編譯出錯）

4.3.6只描底邊與右邊，還有頂邊的運行界面展示（編譯出錯）

（5）綜上所述

其一、AS 2.1.2對于.9圖片的編譯，至少需要描兩條邊——頂邊與左邊；

其二、AS制作.9圖，一定要分清楚左上邊，與右下邊的作用；

其三、AS對于解決邊角拉伸與內容位置只是基于一些簡單的操作，對于一些比較復雜的圖片需求，可能就不會那么容易了。

其四、.9.png圖片放在 drawable目錄下引用，放在mipmap目錄下回報錯

總之，技術路漫漫兮，吾將上下而求索！

總結

以上是生活随笔為你收集整理的Android中AS创建点9图片与使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。