首先看一下奇怪的的现象:

线性布局的情况下,有个非常奇怪的属性——android:layout_weight,该属性大部分视图控件中都有,它表示视图的重要度或者权重,看看以下两种情况下该属性的使用:

(1)水平布局的情况下:(android:orientation="horizontal")

第一种情况:设置 android: layout_width="fill_parent" 。

这个时候设置第一个TextView和第二个TextView的layout_weight的值分别为1和2,那么在水平方向上第一个TextView占据了三分之二的宽度,而第二个占据了三分之一的宽度。 也就是在这种情况下,layout_weight的值越大,重要度越低,也就是说占据的宽度越短(不太明白为什么叫重要度,而且这样描述也不太合理,姑且叫他重要度吧)。

androidstudio权重怎么用 android权重布局_androidstudio权重怎么用

第二种情况:设置android: layout_width="wrap_content"。

两个TextView的layout_weight同样是1和2,此时第一个TextView占了三分之一的宽度,而第二个TextView却占用了三分之二,跟上面的情况刚好相反。

androidstudio权重怎么用 android权重布局_控件_02

(2)垂直布局的情况下:(android:orientation="vertical")

第一种情况:设置android:layout_height="fill_parent"。

设置android:layout_height="fill_parent",两个TextView的设置如下图所示,第一个TextView的高度占了三分之二,而第二个TextView只占了三分一。

androidstudio权重怎么用 android权重布局_androidstudio权重怎么用_03

第二种情况:设置android:layout_height="wrap_content"。

两个TextView的android:layout_height设置均为wrap_content,第一个TextView的高度占了三分之一,而第二个TextView占了三分之二。(图片就不贴了)

 

总结

根据上面的四个不同场景,可以知道官方说:“layout_weight数值越小,其重要度越高,即占的宽度或者高度份额越大”,可见它是已fill_parent为基准的。

我们看到上面现象一定会有疑问,为什么会出现相反的情况呢!这个使用layout_weight常会遇到的问题。

下面我们看一下“专家”是怎么分析其原理的:



什么是权重(layout_weight)?


通俗地讲,权重(layout_weight)就是对线性布局指定方向(水平或垂直)上剩余空间分配的一个规则。


● 案例分析:


为了便于大家更好地理解权重(layout_weight),接下来,我通过几个案例来分析如何使用权重(layout_weight)对线性布局中水平方向的剩余空间进行分配。

注:以下案例中的测试手机分辨率为480*320,屏幕像素密度为mdpi,即1dp = 1px。


案例一:

xmlns:tools="http://schemas.android.com/tools" 
 
 
       android:layout_width="match_parent" 
 
 
 

       android:layout_height="match_parent" 
 
 
 

       android:orientation="horizontal" 
 
 
 

       tools:context=".MainActivity" > 
 
 
 

              android:layout_width="0dp" 
 
 
 

            android:layout_height="120dp" 
  
 
  

            android:layout_weight="3" 
  
 
  

            android:background="@android:color/black"/> 
  
 
  

             android:layout_height="120dp" 
   
 
   

             android:layout_weight="1" 
   
 
   

           android:background="@android:color/holo_green_dark"/>


图1-1布局效果

当前布局效果如图1-1所示。

从图1-1可以看出,黑色部分的宽度是240像素,绿色部分的宽度是80像素,这两部分所占区域宽度的计算方式如下所示:

当前屏幕横屏宽度:320dp

第一个子控件未分配权重前所占宽度:0dp 

第二个子控件未分配权重前所占宽度:0dp 

当前屏幕剩余空间总数:320dp-0dp-0dp = 320dp,将当前320dp按权重分配给两个子控件,子控件一分配到四分之三,子控件二分配到四分之一

第一个子控件分配权重后宽度:0dp+((320dp-0dp-0dp)*3)/4 = 240dp

第二个子控件分配权重后宽度:0dp+(320dp-0dp-0dp)/4 = 80dp


案例二

 

xmlns:tools="http://schemas.android.com/tools" 
    
 
    

          android:layout_width="match_parent" 
    
 
    

          android:layout_height="match_parent" 
    
 
    

          android:orientation="horizontal" 
    
 
    

      tools:context=".MainActivity" > 
    
 
    

               android:layout_height="120dp" 
     
 
     

               android:layout_weight="3" 
     
 
     

               android:background="@android:color/black"/> 
     
 
     

                android:layout_width="60dp" 
      
 
      

                android:layout_height="120dp" 
      
 
      

                android:layout_weight="1" 
      
 
      

             android:background="@android:color/holo_green_dark"/>





当前布局效果如图1-2所示。




图1-2布局效果



从图1-2可以看出,黑色部分的宽度是210像素,绿色部分的宽度是110像素,这两部分所占区域宽度的计算方式如下所示:



当前屏幕横屏宽度:320dp



第一个子控件未分配权重前所占宽度:60dp 



第二个子控件未分配权重前所占宽度:60dp 



当前屏幕剩余空间总数:320dp-60dp-60dp = 200dp,将当前200dp按权重分配给两个子控件,子控件一分配到四分之三,子控件二分配到四分之一



第一个子控件分配权重后宽度:60dp+((320dp-60dp-60dp)*3)/4 = 210dp



第二个子控件分配权重后宽度:60dp+(320dp-60dp-60dp)/4 = 110dp



 案例三 



xmlns:tools="http://schemas.android.com/tools" 
       
 
       

             android:layout_width="match_parent" 
       
 
       

             android:layout_height="match_parent" 
       
 
       

             android:orientation="horizontal" 
       
 
       

             tools:context=".MainActivity" > 
       
 
       

                  android:layout_height="120dp" 
        
 
        

                  android:layout_weight="3" 
        
 
        

                  android:background="@android:color/black"/> 
        
 
        

                   android:layout_height="120dp" 
         
 
         

                   android:layout_weight="1" 
         
 
         

                   android:background="@android:color/holo_green_dark"/>





当前布局效果如图1-3所示。


从图1-3可以看出,黑色部分的宽度是110像素,绿色部分的宽度是210像素,这两部分所占区域宽度的计算方式如下所示:


当前屏幕横屏宽度:320dp

第一个子控件未分配权重前所占宽度:260dp 

第二个子控件未分配权重前所占宽度:260dp 

当前屏幕剩余空间总数:320dp-260dp-260dp = -200dp,将当前-200dp按权重分配给两个子控件,子控件一分配到四分之三,子控件二分配到四分之一

第一个子控件分配权重后宽度:260dp+((320dp-260dp-260dp)*3)/4 = 110dp

第二个子控件分配权重后宽度:260dp+(320dp-260dp-260dp)/4 = 210dp

 案例四 

   

xmlns:tools="http://schemas.android.com/tools" 
          
 
          

                android:layout_width="match_parent" 
          
 
          

                android:layout_height="match_parent" 
          
 
          

                android:orientation="horizontal" 
          
 
          

                tools:context=".MainActivity" > 
          
 
          

                     android:layout_height="120dp" 
           
 
           

                     android:layout_weight="3" 
           
 
           

                     android:background="@android:color/black"/> 
           
 
           

                      android:layout_height="120dp" 
            
 
            

                      android:layout_weight="1" 
            
 
            

                      android:background="@android:color/holo_green_dark"/>

当前布局效果如图1-4所示。

从图1-4可以看出,黑色部分的宽度是80像素,绿色部分的宽度是240像素,这两部分所占区域宽度的计算方式如下所示:

当前屏幕横屏宽度:320dp

第一个子控件未分配权重前所占宽度:fill_parent 即为充满横屏

第二个子控件未分配权重前所占宽度:fill_parent 即为充满横屏 

当前屏幕剩余空间总数:320dp-320dp-320dp = -320dp,将当前-320dp按权重分配给两个子控件,子控件一分配到四分之三,子控件二分配到四分之一



第一个子控件分配权重后宽度:320dp+((320dp-320dp-320dp)*3)/4 = 80dp



第二个子控件分配权重后宽度:320dp+(320dp-320dp-320dp)/4 = 240dp

 案例总结

从上述案例可以看出,如果对线性布局中的控件设置了权重(layout_weight),那么控件占用的空间大小是可以计算出来的,计算公式如下:

线性布局中子控件最终占用宽度 = 原有宽度+剩余空间分配量

例如,在水平方向上的线性布局LinearLayout控件L中,包含两个水平占用空间的控件A、B,其中:

L控件:L控件宽度layout_width = width_l

A控件:A控件宽度layout_width = width_a   A控件权重layout_weight = weight_a

B控件:B控件宽度layout_width = width_b   B控件权重layout_weight = weight_b

L中子控件最终占用宽度 = 原有宽度(width_a)+剩余空间分配量

A所占宽度 = width_a + (width_l-width_a-width_b)*weight_a/(weight_a+weight_b)

B所占宽度 = width_b + (width_l-width_a-width_b)*weight_b/(weight_a+weight_b)

由此可以推断,当使用权重(layout_weight)时,会遇到下列两种情况:

情况1:当L中内部子控件(A,B)的宽度之和大于L的总宽度时,即(width_l-width_a-width_b)<0时,weight_a/(weight_a+weight_b)比例的值越大,当前控件所占空间越小。

情况2:当L中内部子控件(A,B)的宽度之和小于L的总宽度时,即(width_l-width_a-width_b)>0时,weight_a/(weight_a+weight_b)比例的值越大,当前控件所占空间越大。


我们在使用的时候一般情况把要布局的一般吧width或者height设置为0dp