android中傻咖,.9的圖片應(yīng)用還是比較多的浇冰,.9圖片和普通圖片的區(qū)別就是指定了拉伸區(qū)域和內(nèi)容的顯示區(qū)域
來(lái)來(lái)來(lái)池充,上圖
來(lái)來(lái)來(lái)租悄,我們先看看圖片,as當(dāng)中,已經(jīng)給出了拉伸的情況,右側(cè)的三張預(yù)覽圖片就是左側(cè)的.9圖片拉伸后的效果,上面已經(jīng)說(shuō)了继榆,左側(cè)和上側(cè)的黑邊表示拉伸的區(qū)域,也就是說(shuō)左右拉伸的時(shí)候汁掠,處于上側(cè)黑邊的區(qū)域內(nèi)是可以拉伸的略吨,同樣的道理,上下拉伸的時(shí)候考阱,左側(cè)黑邊區(qū)域是可以拉伸的
看下面這張圖翠忠,灰色部分就是可以可以被拉伸的區(qū)域(四個(gè)角的4個(gè)小扇形再無(wú)論怎么拉伸的情況下都是不會(huì)變的):
下面來(lái)看一下實(shí)際的效果,
看上圖乞榨,124是 .9 圖片作為背景的负间,而35是普通圖片作為背景的,從12可以看出姜凄,這兩個(gè)的四個(gè)角的大小是不會(huì)變的政溃,不論你怎么拉伸,都是一樣的(看1的左下角和2的左上角态秧,如果不夠明顯就看4 5 就很明顯啦)董虱,而3就不一樣了,隨著拉伸申鱼,四個(gè)角就會(huì)相對(duì)應(yīng)的也拉伸(看2的左下角和3的左上角)愤诱。
由此可以得出的是, .9的圖片拉伸的時(shí)候只是可拉伸的區(qū)域拉伸了捐友,而不是 .9 的圖片淫半,拉伸是圖片整體的拉伸。
下面來(lái)看 .9 圖片的右下兩側(cè)的黑邊匣砖,這兩黑邊表示內(nèi)容的區(qū)域科吭。就是當(dāng)你 .9 圖片作為背景的時(shí)候昏滴,如果右下兩側(cè)的黑邊不是全部的話,那么就相當(dāng)于這個(gè)背景自動(dòng)帶有padding屬性对人,我是這么理解的谣殊,哈哈!
我們來(lái)看 圖五 的2和3牺弄,2是用 圖一 的 .9 圖片作為背景的姻几,而 3 是不是 .9 圖片作為背景的,因?yàn)閳D1的圖片的右下兩側(cè)可以看出势告,內(nèi)容區(qū)域并不是整張圖片蛇捌,而是整張圖片的中心區(qū)域,而 3 是用普通圖片作為背景的咱台,所以內(nèi)容是不做限制的络拌,看圖五左側(cè)的那條黑色的豎線,就很明白了吵护,很明顯的是,2的前面還留有一定的空隙表鳍,而3是沒(méi)有的馅而,這就對(duì)了嘛,內(nèi)容區(qū)域在中間嘛譬圣。
好了瓮恭,現(xiàn)在來(lái)解釋一下圖五的2、4 兩個(gè)為什么2的文字前面會(huì)留有一定的空格厘熟,而4卻沒(méi)有屯蹦, 再來(lái)看看圖一和圖二兩張 .9 圖片,圖一的下側(cè)可以看出绳姨,內(nèi)容區(qū)域是中間登澜,左側(cè)會(huì)留有一定的空位,而圖二的下面的黑邊可以看出飘庄,內(nèi)容區(qū)域?yàn)檎麖垐D片脑蠕,所以,就會(huì)出現(xiàn)圖五中的2和4是不同的情況跪削,就是因?yàn)閮蓚€(gè)背景圖片的內(nèi)容區(qū)域不一樣谴仙。就這么簡(jiǎn)單。
最后碾盐,我知道我前面說(shuō)話實(shí)在是太啰嗦晃跺,各位看官湊合著看吧!寫(xiě)的確實(shí)不好毫玖!歡迎各位吐槽吧掀虎!