Android中的Layout_weight详解

以前一直没弄懂Layout_weight是什么意思,自己写代码测试也出来了不同的情况,最近看了一篇帖子感觉分析的很好,转贴出来学习下。
布局文件是:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<Button
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Button1"
/>
<Button
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="2"
android:text="Button2"
/>
</LinearLayout>
出现的布局是:button1占了2/3,button2占了1/3。

但是如果将布局文件中的button的属性android:layout_width="fill_parent"改为android:layout_width="wrap_content"那么出现的结果为:button1占了1/3,button2占了2/3。

出现这样的结局是什么意思呢?下面是人家的详解:转载过来:

*******转载的解释*********
linearLayout中包含有weight的child时,linearLayout会measure两次:
设屏幕宽度为X
第一次:button1的measuredWidth为X,button2也为X (因为用了weight,所以linearLayout每次measure child时不考虑前一个已经占用的大小),total_width为2X
第二次:计算delta=x-total_width=-x,然后会将button1的宽度设为
x+delta*1/3=0.66x, button2的宽度为 x+delta*2/3=0.33x
      那我现在对这句话重新概括一下:“因为设置了button1的权重最小,所以它占用的布局优先级就越高”,也许在Android里面布局并没有优先级之说,我这里只是为了说明问题,自己定义的,所以朋友们不要拍砖。
      那首先分析一下當layout_width屬性設置為fill_parent的時候,即充滿父佈局,當然意思是這個控件要根據weight的設置盡可能的大,因此,依上例而論,button1的weight設為1,button2的weight設置為2.即button的優先級最高,因此,要填充父佈局就要button1先來填充,盡可能的大,那這個盡可能又是多少呢,這就要綜合layout裡其他控件的weight值了,然後做一下運算,button1佔據2/3,button2佔據1/3.你也可以把button2設置為一個非常大的數,比如2000,此時在Graphical Layout模式下可以看到button1填充滿了整個寬度,而看不到button2的影子,事實上button2還是存在的,你把鼠標指向button1的後面就可以看到一個長長的豎條,那個就是button2,已經非常非常小了。因此,在layout_width設置為fill_parent的時候,weight所代表的是你的控件要優先盡可能的大。

     接著是當layout_weight設置為wrap_content的時候,即適應內容的寬度,意思是這個控件要盡可能的小,只要能把內容顯示出來就可以了,同樣的,如果把button1和button2的layout_weight設置為wrap_content後,button1的weight為1,button2的weight為2.那麼button1要優先盡可能的小,而button2也要盡可能的小,只是優先級不一樣,因為設置了weight,所以這兩個控件總的寬度要填滿父佈局的寬度,所以就又要計算每個控件所佔據的大小,此時,button1的優先級較高,共有兩份,一份1/3,一份2/3,button1要盡可能的小,那button1當然要選1/3,因此,我們看到的效果反而是button2佔據的較大。這裡要說的是如果把權值同樣做如下設置:button1為1,button2為2000,那button1是不是就要佔據1/2000的空間呢?這麼理解就錯了,剛才說了,要盡可能的小,但這個小是有一個限度的,那就是wrap_content,就是還要是內容完完整整的顯示出來,同樣的,盡可能的大也是有一個限度的,那就是父佈局的寬度。因此,在layout_width設置為wrap_content的時候,weight所代表的是你的控件要優先盡可能的大。
所以,要對weight做了解,要深深的理解下面兩句話:
在layout_width設置為fill_parent的時候,layout_weight所代表的是你的控件要優先盡可能的大,但這個大是有限度的,即fill_parent.
在layout_width設置為wrap_content的時候,layout_weight所代表的是你的控件要優先盡可能的小,但這個小是有限度的,即wrap_content.

layout_height 同 layout_width.



最后贴几张图出来:
1. layout_width="fill_parent", button1的weight=1,button2的weight=2;




2.layout_width="fill_parent", button1的weight=1,button2的weight=2000;



3.layout_width="wrap_content", button1的weight=1,button2的weight=2;



4.layout_width="wrap_content", button1的weight=1,button2的weight=2000;
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="#ECECEC" android:padding="10dp"> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="0.4" android:orientation="horizontal"> <ImageView android:padding="2dp" android:layout_width="30dp" android:layout_height="30dp" android:src="@drawable/img_jisuanqi"/> <TextView android:layout_width="0dp" android:layout_height="30dp" android:layout_weight="1" android:text="计算器" android:textColor="#000000" android:textSize="15sp" android:layout_marginLeft="8dp" android:gravity="center_vertical"/> <ImageView android:layout_width="60dp" android:layout_height="30dp" android:src="@drawable/img_jianhao" android:padding="6dp"/> <ImageView android:layout_width="60dp" android:layout_height="30dp" android:padding="6dp" android:src="@drawable/img_square"/> <ImageView android:layout_width="60dp" android:layout_height="30dp" android:padding="6dp" android:src="@drawable/img_cha"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="0.6" android:orientation="horizontal" android:layout_marginTop="10dp" android:gravity="center"> <ImageView android:padding="6dp" android:layout_width="30dp" android:layout_height="30dp" android:src="@drawable/img_gang"/> <TextView android:layout_width="wrap_content" android:layout_height="match_parent" android:text="标准" android:textColor="#000000" android:textSize="30sp" android:textStyle="bold" android:layout_marginLeft="8dp" android:gravity="center_vertical"/> <ImageView android:layout_width="0dp" android:layout_height="30dp" android:layout_weight="1" android:scaleType="fitStart" android:src="@drawable/img_top"/> <ImageView android:layout_width="30dp" android:layout_height="30dp" android:padding="6dp" android:src="@drawable/img_lishi"/> </LinearLayout> <HorizontalScrollView android:id="@+id/scrollView_1" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="0.5" android:scrollbars="none" android:background="@drawable/biankuang"> <EditText android:textColor="#808080" android:id="@+id/editText_1" android:layout_width="wrap_content" android:layout_height="match_parent" android:textSize="30sp" android:focusable="false" android:focusableInTouchMode="false" android:clickable="true" android:cursorVisible="false" android:background="@null" android:maxLines="1" android:scrollHorizontally="true" android:inputType="none" android:layout_gravity="right|center"/> </HorizontalScrollView> <HorizontalScrollView android:id="@+id/scrollView" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:background="@drawable/biankuang" android:scrollbars="none"> <EditText android:id="@+id/editText" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="right|center" android:background="@null" android:clickable="true" android:cursorVisible="false" android:focusable="false" android:focusableInTouchMode="false" android:inputType="none" android:maxLines="1" android:scrollHorizontally="true" android:text="0" android:textSize="60sp" /> </HorizontalScrollView> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="0.5" android:orientation="horizontal"> <TextView android:id="@+id/tv_mc" android:layout_width="0dp" android:layout_height="30dp" android:layout_weight="1" android:gravity="center" android:text="MC" android:textSize="15dp" android:textColor="#808080"/> <TextView android:id="@+id/tv_mr" android:layout_width="0dp" android:layout_height="30dp" android:layout_weight="1" android:gravity="center" android:text="MR" android:textSize="15dp" android:textColor="#808080"/> <TextView android:id="@+id/tv_m_plus" android:layout_width="0dp" android:layout_height="30dp" android:layout_weight="1" android:gravity="center" android:text="M+" android:textColor="@color/black" android:textSize="15dp" /> <TextView android:id="@+id/tv_m_minus" android:layout_width="0dp" android:layout_height="30dp" android:layout_weight="1" android:gravity="center" android:text="M-" android:textColor="@color/black" android:textSize="15dp" /> <TextView android:id="@+id/tv_ms" android:layout_width="0dp" android:layout_height="30dp" android:layout_weight="1" android:gravity="center" android:text="MS" android:textColor="@color/black" android:textSize="15dp" /> <TextView android:layout_width="0dp" android:layout_height="30dp" android:layout_weight="1" android:gravity="center" android:text="M⋁" android:textSize="15dp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="7" android:orientation="vertical"> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"> <Button android:id="@+id/btn_symbol_percent" android:layout_gravity="center" android:text="%" android:textSize="20sp" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background" /> <Button android:id="@+id/btn_clear_entry" android:layout_gravity="center" android:text="CE" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background"/> <Button android:id="@+id/btn_clear" android:layout_gravity="center" android:text="C" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background"/> <ImageView android:id="@+id/btn_clear_image" android:layout_gravity="center" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:padding="10dp" android:background="@drawable/rounded_button_background" android:scaleType="fitCenter" android:src="@drawable/img_qingchu" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"> <Button android:id="@+id/btn_symbol_x_inverse" android:layout_gravity="center" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background" android:text="1/x" android:textColor="@color/black" android:textSize="20sp"/> <Button android:id="@+id/btn_symbol_square" android:layout_gravity="center" android:text="x²" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background" /> <ImageView android:id="@+id/btn_symbol_square_root" android:layout_gravity="center" android:src="@drawable/img_sqrt" android:padding="18dp" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background"/>\ <Button android:id="@+id/btn_symbol_divide" android:layout_gravity="center" android:text="÷" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"> <Button android:id="@+id/btn_num_7" android:layout_gravity="center" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" android:text="7" android:textColor="@color/black" android:textSize="20sp" /> <Button android:id="@+id/btn_num_8" android:layout_width="0dp" android:layout_height="55dp" android:layout_gravity="center" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" android:text="8" android:textColor="@color/black" android:textSize="20sp" /> <Button android:id="@+id/btn_num_9" android:layout_gravity="center" android:text="9" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background"/>\ <Button android:id="@+id/btn_symbol_multiply" android:layout_gravity="center" android:text="×" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"> <Button android:id="@+id/btn_num_4" android:layout_gravity="center" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" android:text="4" android:textColor="@color/black" android:textSize="20sp" /> <Button android:id="@+id/btn_num_5" android:layout_gravity="center" android:text="5" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" /> <Button android:id="@+id/btn_num_6" android:layout_width="0dp" android:layout_height="55dp" android:layout_gravity="center" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" android:text="6" android:textColor="@color/black" android:textSize="20sp" /> <Button android:id="@+id/btn_symbol_minus" android:layout_gravity="center" android:text="-" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"> <Button android:id="@+id/btn_num_1" android:layout_gravity="center" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" android:text="1" android:textColor="@color/black" android:textSize="20sp" /> <Button android:id="@+id/btn_num_2" android:layout_gravity="center" android:text="2" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" /> <Button android:id="@+id/btn_num_3" android:layout_gravity="center" android:text="3" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background"/>\ <Button android:id="@+id/btn_symbol_plus" android:layout_gravity="center" android:text="+" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/rounded_button_background"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"> <Button android:id="@+id/btn_symbol_plus_minus" android:layout_gravity="center" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" android:text="+/-" android:textColor="@color/black" android:textSize="20sp" /> <Button android:id="@+id/btn_num_0" android:layout_gravity="center" android:text="0" android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background" /> <Button android:id="@+id/btn_num_dot" android:layout_gravity="center" android:text="." android:textSize="20sp" android:textColor="@color/black" android:layout_width="0dp" android:layout_height="55dp" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/other_button_background"/>\ <Button android:id="@+id/btn_symbol_equals" android:layout_width="0dp" android:layout_height="55dp" android:layout_gravity="center" android:layout_margin="3dp" android:layout_weight="1" android:background="@drawable/equals" android:text="=" android:textColor="@color/black" android:textSize="20sp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1.2"> </LinearLayout> </LinearLayout> </LinearLayout>告诉我怎么在这个页面找到所对应的按钮
10-21
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值