LinearLayout的andrid:layout_weight属性的使用详解

最新推荐文章于 2019-01-08 05:48:47 发布

转载最新推荐文章于 2019-01-08 05:48:47 发布 · 932 阅读

Android 专栏收录该内容

132 篇文章

订阅专栏

本文详细解析了Android中layout_weight属性的工作原理，通过实例演示了不同layout_width设置下子视图空间分配的变化，指导开发者如何准确地按照比例分配视图空间。

在开发的过程中，为了布局更好的适配各种各样的屏幕，会经常使用android:layout_weight属性，按比例分配屏幕的空间。在很多资料和书籍中解释说，系统根据layout_weight比例分配占据空间的大小。但是这个解释在实际开发过程中，往往给我们带来许多困惑。

现在我们来看看具体场景如下：我们需要将三个TextView按照1:2:3的横向的比例显示。于是就有了如下代码：

[html]view plaincopy 
     
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   
     xmlns:tools="http://schemas.android.com/tools"   
     android:layout_width="match_parent"   
     android:layout_height="match_parent"   
     android:orientation="horizontal" >   
    
     <TextView   
         android:layout_width="wrap_content"   
         android:layout_height="wrap_content"   
         android:layout_weight="1"   
         android:background="#FF4500"   
         android:gravity="center"   
         android:text="第一个" />   
    
     <TextView   
         android:layout_width="wrap_content"   
         android:layout_height="wrap_content"   
         android:layout_weight="2"   
         android:background="#D15FEE"   
         android:gravity="center"   
         android:text="第二个" />   
    
     <TextView   
         android:layout_width="wrap_content"   
         android:layout_height="wrap_content"   
         android:layout_weight="3"   
         android:background="#CAFF70"   
         android:gravity="center"   
         android:text="第三个" />   
 </LinearLayout>   

观察结果显示如下（我们分别修改三个TextView的laytou_width属性）：

1.layout_width:wrap_content

2.layout_width:fill_parent

3.layout_width:"0dp"

观察可知，在三种情况下，同样的layout_weight比例1:2:3，0dp的比例正确外，其它两种产生了错误的不同结果，这就让我们非常疑惑。

在查阅官方文档：Child views can specify a weight value, and then any remaining space in the view group is assigned to children in the proportion of their declared weight。意思是，子视图可以指定一个权重值，然后在这个视图组中的所有剩余空间根据它们声明的权重比例分配。

查阅相关的各方面资料，综合总结，layout_weight比例分配的原则如下：

第一步，根据layout_width/layout_height(根据方向而定)的属性分配视图的空间

第二步，计算视图组剩余的空间大小，并按照layout_weight比例分配给子视图

第三步，子视图实际空间=layout_width/layout_height分配空间+layout_weight比例分配空间

根据如上步骤我们分别解释上面三种情况结果的原因：

为了更好的解释，这里我们声明两个常量content_width（内容所需占据的空间大小）和screen_width（屏幕的宽度空间大小）。

1.layout_width:wrap_content

第一步，根据layot_width:wrap_content分配三个TextView内容填充的空间，三个TextView的layout_width空间分别为：

layout_width1=content_width

layout_width2=content_width

layout_width3=content_width

第二步，视图组线性布局剩余的空间大小=screen_width- 3 * content_width；那么三个TextView的layout_weight比例分配空间分别为：

layout_weight1=(screen_width-3*content_width)/6

layout_weight2=(screen_width-3*content_width)/3

layout_weight3=(screen_width-3*content_width)/2

第三步，根据计算公式，子视图实际空间=layout_width/layout_height分配空间+layout_weight比例分配空间，三个TextView的空间分别为：

textview1= content_width + (screen_width-3*content_width)/6

textview2= content_width + (screen_width-3*content_width)/3

textview3= content_width + (screen_width-3*content_width)/2

那么textview1:textview2:textview3=(screen_width-2*content_width):2*(screen_width-2*content_width):3*screen_width。显然，该比率是随着content_width和screen_width而变化的，不能满足我们的需求。

2.layout_width:fill_parent

第一步，三个TextView的layout_width空间分别为：

layout_width1=screen_width

layout_width2=screen_width

layout_width3=screen_width

第二步，三个TextView的layout_weight比例分配空间分别为：

layout_weight1=(screen_width-3*screen_width)/6=-screen_width/3

layout_weight2=(screen_width-3*screen_width)/3=-2*screen_width/3

layout_weight3=(screen_width-3*screen_width)/2=-screen_width

第三步，根据计算公式，子视图实际空间=layout_width/layout_height分配空间+layout_weight比例分配空间，三个TextView的空间分别为：

textview1= screen_width - screen_width/3 = 2 * screen_width/3

textview2= screen_width - 2 * screen_width/3 = screen _width/3