151
android：layout_weight屬性詳解
在android開發中LinearLayout很常用，LinearLayout的內控件的android:layout_weight在某些場景顯得非常重要，比如我們需要按比例顯示。android並沒用提供table這樣的控件，雖然有TableLayout，但是它並非是我們想象中的像html裏麵的table那麼好用，我們常用ListView實現table的效果，但是列對齊確比較麻煩，現在用LinearLayout及屬性android:layout_weight能很好地解決。下麵我們共同體驗下layout_weight這個屬性。一、LinearLayout內的控件的layout_width設置為"wrap_content"，請看一下xml配置：
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1" > <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="1" android:background="#aa0000" android:gravity="center" android:text="1"/> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="2" android:background="#00aa00" android:gravity="center" android:text="1"/> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="3" android:background="#0000aa" android:gravity="center" android:text="1"/> </LinearLayout>
效果如下：
可以看到這三個TextView是按照1:2:3的比例進行顯示的，這樣看來似乎可以實現按照比例顯示了，但是有個問題，如果TextView內的文本長度一同那麼較長文本的TextView會寬度會有所增加，見下麵配置及效果：
配置：
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1"> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="1" android:background="#aa0000" android:gravity="center" android:text="1111111111111111111111111111111111111111111"/> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="2" android:background="#00aa00" android:gravity="center" android:text="2"/> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="3" android:background="#0000aa" android:gravity="center" android:text="3"/> </LinearLayout>
效果：
這樣看來我們所需要的按比例又無法實現了，經過滿天地google終於找到了解決方案，就是設置layout_width設置為"wrap_content"。配置及效果見下：
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1"> <TextView android:layout_width="0dp" android:layout_height="fill_parent" android:layout_weight="1" android:background="#aa0000" android:gravity="center" android:text="1111111111111111111111111111111111111111111"/> <TextView android:layout_width="0dp" android:layout_height="fill_parent" android:layout_weight="2" android:background="#00aa00" android:gravity="center" android:text="2"/> <TextView android:layout_width="0dp" android:layout_height="fill_parent" android:layout_weight="3" android:background="#0000aa" android:gravity="center" android:text="3"/> </LinearLayout>
效果：
這樣終於達到我們的按比例顯示的效果了，感覺很是奇怪，android開發框架的大佬們有時候設計確實有點匪夷所思。
二、LinearLayout內的控件的layout_width設置為"fill_parent"，請看一下xml配置：
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1"> <TextView android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1" android:background="#aa0000" android:gravity="center" android:text="1"/> <TextView android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="2" android:background="#00aa00" android:gravity="center" android:text="2"/> </LinearLayout>
效果如下：
奇怪吧，整個寬度平分3塊，第一個TextView占了兩塊，這樣看來weight值越小的優先級越大。隻有兩個TextView似乎看出些道理，那麼讓我們看看三個是什麼效果：
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1"> <TextView android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1" android:background="#aa0000" android:gravity="center" android:text="1"/> <TextView android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="2" android:background="#00aa00" android:gravity="center" android:text="2"/> <TextView android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="3" android:background="#0000aa" android:gravity="center" android:text="3"/> </LinearLayout>
效果：
什麼意思？第三個TextView丟掉了，很是奇怪，讓我們再試一個，把weight分別改為2,3,4的看看效果：
這個效果讓人很困惑，我一直想尋求出一個確切的比例公式，但是至今未找到。有哪位大神能搞定的話忘不吝賜教。
雖然這個android:layout_weight屬性很怪異，但幸運的是我們達到了目標：
按比例顯示LinearLayout內各個子控件，需設置android:layout_width="0dp"，如果為豎直方向的設置android:layout_height="0dp"。在這種情況下某子個控件占用LinearLayout的比例為：本控件weight值/ LinearLayout內所有控件的weight值的和。
------------------------------------------------------------------------------------------------------------------------------------
如何通過Java代碼設置layout_weight
下麵是通過Java code來設置View的layout_weight。
方法一：
LayoutParams param = new LinearLayout.LayoutParams(
LayoutParams.MATCH_PARENT,
LayoutParams.MATCH_PARENT, 1.0f);
然後：View.setLayoutParams(param)，則這個View在它的LinearLayout的layout_weight為1.0f (表示1.0是浮點數，或者 (float)1.0)
方法二：
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
LayoutParams.WRAP_CONTENT, LayoutParams.FILL_PARENT);
params.weight = 1.0f;
Button button = new Button(this);
button.setLayoutParams(params);
最後更新：2017-04-03 12:55:42