天天看點

android點九,android關于點九(.9)圖檔

android中,.9的圖檔應用還是比較多的,.9圖檔和普通圖檔的差別就是指定了拉伸區域和内容的顯示區域

來來來,上圖

android點九,android關于點九(.9)圖檔

圖一

android點九,android關于點九(.9)圖檔

圖二

來來來,我們先看看圖檔,as當中,已經給出了拉伸的情況,右側的三張預覽圖檔就是左側的.9圖檔拉伸後的效果,上面已經說了,左側和上側的黑邊表示拉伸的區域,也就是說左右拉伸的時候,處于上側黑邊的區域内是可以拉伸的,同樣的道理,上下拉伸的時候,左側黑邊區域是可以拉伸的

看下面這張圖,灰色部分就是可以可以被拉伸的區域(四個角的4個小扇形再無論怎麼拉伸的情況下都是不會變的):

android點九,android關于點九(.9)圖檔

圖三

下面來看一下實際的效果,

android點九,android關于點九(.9)圖檔

圖五

看上圖,124是 .9 圖檔作為背景的,而35是普通圖檔作為背景的,從12可以看出,這兩個的四個角的大小是不會變的,不論你怎麼拉伸,都是一樣的(看1的左下角和2的左上角,如果不夠明顯就看4 5 就很明顯啦),而3就不一樣了,随着拉伸,四個角就會相對應的也拉伸(看2的左下角和3的左上角)。

由此可以得出的是, .9的圖檔拉伸的時候隻是可拉伸的區域拉伸了,而不是 .9 的圖檔,拉伸是圖檔整體的拉伸。

下面來看 .9 圖檔的右下兩側的黑邊,這兩黑邊表示内容的區域。就是當你 .9 圖檔作為背景的時候,如果右下兩側的黑邊不是全部的話,那麼就相當于這個背景自動帶有padding屬性,我是這麼了解的,哈哈!

我們來看 圖五 的2和3,2是用 圖一 的 .9 圖檔作為背景的,而 3 是不是 .9 圖檔作為背景的,因為圖1的圖檔的右下兩側可以看出,内容區域并不是整張圖檔,而是整張圖檔的中心區域,而 3 是用普通圖檔作為背景的,是以内容是不做限制的,看圖五左側的那條黑色的豎線,就很明白了,很明顯的是,2的前面還留有一定的空隙,而3是沒有的,這就對了嘛,内容區域在中間嘛。

好了,現在來解釋一下圖五的2、4 兩個為什麼2的文字前面會留有一定的空格,而4卻沒有, 再來看看圖一和圖二兩張 .9 圖檔,圖一的下側可以看出,内容區域是中間,左側會留有一定的空位,而圖二的下面的黑邊可以看出,内容區域為整張圖檔,是以,就會出現圖五中的2和4是不同的情況,就是因為兩個背景圖檔的内容區域不一樣。就這麼簡單。

最後,我知道我前面說話實在是太啰嗦,各位看官湊合着看吧!寫的确實不好!歡迎各位吐槽吧!