Android:Layout_weight的深刻理解

本文詳細(xì)介紹了Android布局中Layout_weight的屬性,它是用來分配屬于空間的一個屬性,你可以設(shè)置他的權(quán)重。

最近寫Demo,突然發(fā)現(xiàn)了Layout_weight這個屬性,發(fā)現(xiàn)網(wǎng)上有很多關(guān)于這個屬性的有意思的討論,可是找了好多資料都沒有找到一個能夠 說的清楚的,于是自己結(jié)合網(wǎng)上資料研究了一下,終于迎刃而解,寫出來和大家分享。

首先看一下Layout_weight屬性的作用:它是用來分配屬于空間的一個屬性,你可以設(shè)置他的權(quán)重。很多人不知道剩余空間是個什么概念,下面 我先來說說剩余空間。

看下面代碼:


android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:gravity="left"

android:text="one"/>

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:gravity="center"

android:layout_weight="1.0"

android:text="two"/>

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:gravity="right"

android:text="three"/>

運行結(jié)果是:


看上面代碼:只有Button2使用了Layout_weight屬性,并賦值為了1,而Button1和Button3沒有設(shè)置 Layout_weight這個屬性,根據(jù)API,可知,他們默認(rèn)是0

下面我就來講,Layout_weight這個屬性的真正的意思:Android系統(tǒng)先按照你設(shè)置的3個Button高度 Layout_height值wrap_content,給你分配好他們3個的高度,

然后會把剩下來的屏幕空間全部賦給Button2,因為只有他的權(quán)重值是1,這也是為什么Button2占了那么大的一塊空間。

有了以上的理解我們就可以對網(wǎng)上關(guān)于Layout_weight這個屬性更讓人費解的效果有一個清晰的認(rèn)識了。

我們來看這段代碼:

<?xml?version="1.0"?encoding="UTF-8"?>

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"?>

android:background="#ff0000"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:text="1"

android:textColor="@android:color/white"

android:layout_weight="1"/>

android:background="#cccccc"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:text="2"

android:textColor="@android:color/black"

android:layout_weight="2"?/>

android:background="#ddaacc"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:text="3"

android:textColor="@android:color/black"

android:layout_weight="3"?/>

三個文本框的都是 layout_width=“wrap_content ”時,會得到以下效果


按照上面的理解,系統(tǒng)先給3個TextView分配他們的寬度值 wrap_content(寬度足以包含他們的內(nèi)容1,2,3即可),然后會把剩下來的屏幕空間按照1:2:3的比列分配給3個textview,所以就 出現(xiàn)了上面的圖像。

而當(dāng)layout_width=“fill_parent”時, 如果分別給三個TextView設(shè)置他們的Layout_weight為1、2、2的話,就會出現(xiàn)下面的效果:

你會發(fā)現(xiàn) 1的權(quán)重小,反而分的多了,這是為什么呢???網(wǎng)上很多人說是當(dāng)layout_width=“fill_parent”時,weighth 值越小權(quán)重越大,優(yōu)先級越高,就好像在背口訣

一樣,其 實他們并沒有真正理解這個問題,真正的原因是Layout_width="fill_parent"的原因造成的。依照上面理解我們來分析:

系統(tǒng)先給3個textview分配他們所要的寬度fill_parent,也就是說每一都是填滿他的父控件,這里就死屏幕的寬度

那么這時候的剩余空間=1個parent_width-3個parent_width=-2個parent_width (parent_width指的是屏幕寬度?)

那么第一個TextView的實際所占寬度應(yīng)該=fill_parent的寬度,即parent_width + 他所占剩余空間的權(quán)重比列1/5 * 剩余空間大小(-2 parent_width)=3/5parent_width

同理第二個TextView的實際所占寬度=parent_width + 2/5*(-2parent_width)=1/5parent_width;

第三個TextView的實際所占寬度=parent_width + 2/5*(-2parent_width)=1/5parent_width;所以就是3:1:1的比列顯示了。

這樣你也就會明白為什么當(dāng)你把三個Layout_weight設(shè)置為1、2、3的話,會出現(xiàn)下面的效果了:

第三個直接不顯示了,為什么呢?一起來按上面方法算一下吧:

系統(tǒng)先給3個textview分配他們所要的寬度fill_parent,也就是說每一都是填滿他的父控件,這里就死屏幕的寬度

那么這時候的剩余空間=1個parent_width-3個parent_width=-2個parent_width (parent_width指的是屏幕寬度?)

那么第一個TextView的實際所占寬度應(yīng)該=fill_parent的寬度,即parent_width + 他所占剩余空間的權(quán)重比列1/6 * 剩余空間大小(-2 parent_width)=2/3parent_width

同理第二個TextView的實際所占寬度=parent_width + 2/6*(-2parent_width)=1/3parent_width;

第三個TextView的實際所占寬度=parent_width + 3/6*(-2parent_width)=0parent_width;所以就是2:1:0的比列顯示了。第三個就直接沒有空間了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容