解決Android中圖片圓角——.9圖

  在html開發中,可以通過設置css的border-radius來設置圓角,而在android開發中,比較常見的處理圓角的方法是通過.9圖來解決。

舉個例子:

  從網上找了一張圖片,如果我們直接用這張藍色的圖來做登錄按鈕的背景。將這個圖片設為背景以後,我們可以發現四個角全部變形了,一點也不美觀。針對此問題,傑瑞教育的老師通過.9圖來解決。

工具/原料

SDK

方法/步驟

首先我們先了解一下什麼是.9圖,如下圖:

  從它的命名來看就和其他的圖片不一樣,當然我們千萬不要以為是文件名以 .9 結尾這麼簡單而已,它是安卓中獨有的圖片類型,他可以保證我們的圖片在使用的過程中自動拉伸,不失真。

  概述中問題使用用點九圖以後的效果是:

 那麼我們下面來介紹一下如何製作 .9圖

【開發工具】

  進行安卓的開發肯定離不開SDK,在SDK里有tools文件夾,裡面有一個draw9patch.bat

  打開以後

【編輯圖片】

點擊File 打開我們需要的圖片

將滑鼠放在白色區域,點住左鍵不松拖動,出現黑色的線 如圖:

然後我們根據自己的需求來自己製作圖片

【 保存圖片】

  保存之後的圖片為:

當然它的文件名中也會自動以.9進行結尾。然後我們把這張圖片設為背景圖就不會出現邊角模糊的情況

並且.9圖所占的空間比原圖還要小,這樣還可以節省資源。

原作者:傑瑞教育

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場