Android布局之Layout_weight属性解析

灰太狼 2021-11-10 01:50 378阅读 0赞

记录一下，以备日后查阅，原文地址：[http://blog.csdn.net/kangyaping/article/details/7400281][http_blog.csdn.net_kangyaping_article_details_7400281]

在网上看了一些对Layout\_weight的讲解，有些说的比较片面，只列举了一种情况，然后自己通过实验和一些比较好的文章总结了一下，特此记录下来，以备以后所用。Layout\_weight是线性布局，也就是LinearLayout里面用到的，下面通过实验来看这个Layout\_weight的特性。

1.当控件的属性android:layout\_width="fill\_parent"时，布局文件如下：

<?xmlversion="1.0" encoding="utf-8"?>
    <LinearLayoutxmlns: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的Layout\_weight=1，Buttong2的Layout\_weight=2，运行效果为：

![01153121_z4cR.png][]

我们看到，Button1占了2/3，Button2占了1/3。如果此时把button2的weight设置成2000，不是说Button2就消失了，而是Button1的宽度几乎占满了屏幕宽度，而屏幕最后一丝细条则是留给Button2的，已近非常小了，没有显示出来。截图如下：

![01153121_4Gwh.png][]  
得出结论：在layout\_width设置为fill\_parent的时候，layout\_weight代表的是你的控件要优先尽可能的大,但尽可能大是有限度的，即fill\_parent.

2.当控件的属性android:layout\_width="wrap\_content"时，布局文件如下：

<?xmlversion="1.0" encoding="utf-8"?>
    <LinearLayoutxmlns: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="wrap_content"
        android:layout_height="wrap_content"android:layout_weight="1"
        android:text="Button1" />
      <Button android:layout_width="wrap_content"
        android:layout_height="wrap_content"android:layout_weight="2"
        android:text="Button2" />
    </LinearLayout>

同样，Button1的weight设置为1，Button2的weight设置为2，但是效果与fill\_parent的效果截然相反。运行效果如下：

![01153121_LHqR.png][]

这时，和fill\_parent正好相反，Button1的宽度占据了屏幕宽度的1/3，而Button2的宽度占据了屏幕的2/3，如果此时把Button1的weight设置为2000，按照之前理解，Button1应该小的几乎在屏幕上看不到，但是错了，实验告诉我们，当Button1的weight非常小时，也要"wrap\_content",也就是要保证Button1至少能够显示。以下是Button1设置weight为2000时的运行截图：

![01153121_nNqi.png][]

我们看到，Button1已经足够小，但是要保证他能显示出来，因此得出结论：

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做了解,要深深的理解下面两句话:

所以,要对weight做了解在layout\_width设置为fill\_parent的时候,layout\_weight所代表的是你的控件要优先尽可能的大,但这个大是有限度的,即fill\_parent.  
在layout\_width设置为wrap\_content的时候,layout\_weight所代表的是你的控件要优先尽可能的小,但这个小是有限度的,即wrap\_content.

原文链接： [http://blog.csdn.net/voiceofnet/article/details/7741675][http_blog.csdn.net_voiceofnet_article_details_7741675]

[http_blog.csdn.net_kangyaping_article_details_7400281]: http://blog.csdn.net/kangyaping/article/details/7400281
[01153121_z4cR.png]: /images/20211109/0f8eaa58035b43929d747b92fb7d3404.png
[01153121_4Gwh.png]: /images/20211109/0a0d13eb183a49c8be7cb8ee6f45b093.png
[01153121_LHqR.png]: /images/20211109/7702f8f83ac7461f9b7acc3f6176349a.png
[01153121_nNqi.png]: /images/20211109/252de7dfe5ba41a8b61917ab30ac6d75.png
[http_blog.csdn.net_voiceofnet_article_details_7741675]: http://blog.csdn.net/voiceofnet/article/details/7741675

发表评论取消回复

表情：

评论列表（有 0 条评论，378人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android之Json解析

JSON返回示例： \{ /\JSONObject\/ "resultcode": "200", "reason": "SUCCESSED!",

雨点打透心脏的1/2处/ 2022年09月23日 04:51/ 0 赞/ 250 阅读

相关 android布局属性

android:layout\_alignParentRight="true" 使当前控件的右端和父控件的右端对齐。这里属性值只能为true或false，默认false。

刺骨的言语ヽ痛彻心扉/ 2022年08月11日 00:57/ 0 赞/ 221 阅读

相关 Android随笔之 Android布局属性详解

RelativeLayout用到的一些重要的属性：第一类:属性值为true或false android:layout\_centerHrizontal 水平居中 an

骑猪看日落/ 2022年06月18日 04:36/ 0 赞/ 239 阅读

相关 Android布局之weight属性解析

在网上看了一些对Layout\_weight的讲解，有些说的比较片面，只列举了一种情况，然后自己通过实验和一些比较好的文章总结了一下，特此记录下来，以备以后所用。Layout\

柔情只为你懂/ 2022年06月13日 07:09/ 0 赞/ 435 阅读

相关 Android ListView常用属性解析

ListView常用属性解析下面的程序作为示例 <ListView android:id="@id/list" a

╰+哭是因爲堅強的太久メ/ 2022年06月08日 03:10/ 0 赞/ 276 阅读

相关 Android自定义属性：format解析

　　在values文件下有一个文件就是attrs.xml,这是R.attr和R.styleable类的定义文件。attrs.xml中定义了每个view的可用的属性，例如使用an

冷不防/ 2022年06月05日 02:52/ 0 赞/ 636 阅读

相关 Android windowSoftInputMode属性解析

简介 android:windowSoftInputMode 是 Androidmanifest.xml 中 activity 的一个属性，例如 <activi

爱被打了一巴掌/ 2022年06月02日 04:48/ 0 赞/ 227 阅读

相关 Android Layout 布局属性全解

写的挺全，mark一下 Android Layout 布局属性全解 Android有基本Layout：FrameLayout，LinearLayout

淩亂°似流年/ 2022年05月23日 01:26/ 0 赞/ 718 阅读

相关 Android RelativeLayout 相对布局解析

[Android RelativeLayout 属性][Android RelativeLayout] // 相对于给定ID控件 android:layout

痛定思痛。/ 2022年03月29日 15:18/ 0 赞/ 304 阅读

相关 Android布局之Layout_weight属性解析

记录一下，以备日后查阅，原文地址：[http://blog.csdn.net/kangyaping/article/details/7400281][http_blog.csd

灰太狼/ 2021年11月10日 01:50/ 0 赞/ 379 阅读