杰瑞教育原創(chuàng)——解決Android中圖片圓角問題之.9圖

qdjianghao

一、問題概述

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

舉個例子：

　　從網(wǎng)上找了一張圖片

　　如果我們直接用這張藍色的圖來做登錄按鈕的背景。將這個圖片設為背景以后

　　我們可以發(fā)現(xiàn)四個角全部變形了，一點也不美觀。針對此問題，我們通過.9圖來解決。

二、.9圖介紹

　　首先我們先了解一下什么是.9圖，如下圖：

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

　　概述中問題使用用點九圖以后的效果是：

三、.9圖制作

　　那么我們下面來介紹一下如何制作 .9圖

3.1 開發(fā)工具

　　進行安卓的開發(fā)肯定離不開SDK，在SDK里有tools文件夾，里面有一個draw9patch.bat

  

　　打開以后

3.2 打開圖片

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

3.3 編輯圖片

　　將鼠標放在白色區(qū)域，點住左鍵不松拖動，出現(xiàn)黑色的線 如圖：

　　然后我們根據(jù)自己的需求來自己制作圖片

3.4 保存圖片

　　保存之后的圖片為：

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

　　并且.9圖所占的空間比原圖還要小，這樣還可以節(jié)省資源。

杰瑞教育原創(chuàng)，轉載請注明出處！查看原文請點擊：杰瑞教育博客園！