一、問題概述 |
在html開發(fā)中,可以通過設(shè)置css的border-radius來設(shè)置圓角,而在android開發(fā)中,比較常見的處理圓角的方法是通過.9圖來解決
舉個例子:
從網(wǎng)上找了一張圖片
如果我們直接用這張藍(lán)色的圖來做登錄按鈕的背景。將這個圖片設(shè)為背景以后
我們可以發(fā)現(xiàn)四個角全部變形了,一點也不美觀。針對此問題,我們通過.9圖來解決。
二、.9圖介紹 |
首先我們先了解一下什么是.9圖,如下圖:
從它的命名來看就和其他的圖片不一樣,當(dāng)然我們千萬不要以為是文件名以 .9 結(jié)尾這么簡單而已,它是安卓中獨有的圖片類型,他可以保證我們的圖片在使用的過程中自動拉伸,不失真。
概述中問題使用用點九圖以后的效果是:
三、.9圖制作 |
那么我們下面來介紹一下如何制作 .9圖
3.1 開發(fā)工具進(jìn)行安卓的開發(fā)肯定離不開SDK,在SDK里有tools文件夾,里面有一個draw9patch.bat
打開以后
點擊File 打開我們需要的圖片
將鼠標(biāo)放在白色區(qū)域,點住左鍵不松拖動,出現(xiàn)黑色的線 如圖:
然后我們根據(jù)自己的需求來自己制作圖片
保存之后的圖片為:
當(dāng)然它的文件名中也會自動以.9進(jìn)行結(jié)尾。然后我們把這張圖片設(shè)為背景圖就不會出現(xiàn)邊角模糊的情況
并且.9圖所占的空間比原圖還要小,這樣還可以節(jié)省資源。
歡迎光臨 Chinaunix (http://72891.cn/) | Powered by Discuz! X3.2 |