layout_weight属性的用法和意义

一直没理解在LinearLayout中的layout_weight属性的意义,使用的时候都是将子控件的layout_width或者layout_height设置为0,然后在设置layout_weight的权重值,以至于在被问到如果设置了layout_width为具体的值时对layout_weight的影响时一脸懵逼。然后看到了这篇文章,终于豁然开朗。

原来layout_weight属性的意义就是将父控件的剩余空间按照设置的权重比例再分配,也就是在布局的时候,系统先按照view的layout_width和layout_height来布局,然后再根据layout_weight对view的位置进行调整。

贴下原文内容:

指示LinearLayout中多少额外空间分配给与这些LayoutParams关联的视图。 如果视图不应被拉伸,请指定0。 否则,额外空间将在权重大于0的所有视图中按比例分配。

上面有几点:

1.额外空间,指的是剩余空闲空间, 额外空间将在权重大于0的所有视图中按比例分配。

如下,总权重为1+1=2

第一个控件是比第二个控件占的空间小的,即w(12345)+1/2空闲空间< w(123456)+1/2控件

<LinearLayout 
  android:orientation="horizontal">
  <TextView 
      android:layout_width="wrap_content"
      android:layout_height="wrap_height"
      android:layout_weight="1"
      android:text="12345"/>
 
  <TextView 
      android:layout_width="wrap_content"
      android:layout_height="wrap_height"
      android:layout_weight="1"
      android:text="123456"/>
</LinearLayout>
如果我们让控件的宽度定义为layout_width="0dp" ,这样比如2个控件的 layout_weight="1" 就可以各自50%平分整个空间了,因为:0 + 1/2空闲空间 = 0 + 1/2空闲空间。

2.默认layout_weight为0,所以如果这么写:

<LinearLayout 
    android:orientation="horizontal">
 
    <TextView
        android:layout_width="40dp"
        android:layout_height="match_parent"
        android:background="#000" />
 
    <Button
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"/>
 
    <TextView
        android:layout_width="40dp"
        android:layout_height="match_parent"
        android:background="#888" />
 
</LinearLayout>
则总权重为1,即Button占了所有剩余空闲空间,无论它在哪个位置

扫描二维码关注公众号,回复: 6147221 查看本文章

3.在排列方向上设置了match_parent, 如下,权重为2,1,2

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content" 
            android:text="1"
            android:layout_weight="2"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="2"
            android:layout_weight="1"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="3"
            android:layout_weight="2"/>
运行结果如下:

分析:因为设置的都是match_parent,所以如果没有设置权重,三个Button只会显示第一个,其他会被覆盖,但是设置了权重后, 我们就按三个Button给定的width=match_parent计算剩余空间

剩余空间=1个match_parent空间-3个match_parent空间= -2个match_parent空间(负2)

所以

Button1所占空间 = 1个match_parent空间+(-2个match_parent空间)*2/5 = 1/5个match_parent空间

Button2所占空间 = 1个match_parent空间+(-2个match_parent空间)*1/5 = 3/5个match_parent空间

Button3所占空间 = 1个match_parent空间+(-2个match_parent空间)*2/5 = 1/5个match_parent空间

所以在统一设置match_parent时,会有这么一个特性,权重越大,空间越小。

而且在某个控件权重刚好为另外的所有控件权重之和时,这个控件会消失。

如权重变为1,2,3

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content" 
            android:text="1"
            android:layout_weight="2"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="2"
            android:layout_weight="1"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="3"
            android:layout_weight="2"/>
运行结果如下:

同样的算法:

Button1所占空间 = 1个match_parent空间+(-2个match_parent空间)*1/6 = 2/3个match_parent空间

Button2所占空间 = 1个match_parent空间+(-2个match_parent空间)*2/6 = 1/3个match_parent空间

Button3所占空间 = 1个match_parent空间+(-2个match_parent空间)*3/6 = 0个match_parent空间
 

剩余布局大小 = 父布局大小 - 子布局大小之和

猜你喜欢

转载自blog.csdn.net/anhenzhufeng/article/details/89915069
今日推荐