线性布局是Android中最为常见的一种布局,以前学习四大布局的时候没有深入理解过线性布局中的layout_weight,后知后觉才发现,its amazing,这个属性真是太神奇太好玩了,下面我会深入浅出地对这个布局进行详细的介绍,首先看一下代码布局,横向布局了三个TextView并对其底色进行了设置加以区分:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:orientation="horizontal">
<TextView
android:id="@+id/TextView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView1"
android:background="#DC143C"/>
<TextView
android:id="@+id/TextView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView2"
android:background="#0000FF"/>
<TextView
android:id="@+id/TextView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView3"
android:background="#99FF00"/>
</LinearLayout>
布局非常简单,并没有设置layout_weight属性,因此三个TextView按照横向一次排列开来,大家对于这个布局肯定没有疑问,然后我给第一个控件添加android:layout_weight="1"属性,先介绍一下layout_weight属性,“它是用来分配属于空间的一个属性,你可以设置他的权重”,这是官方解释,其实并没有解释清楚,他的真正意义是根据权重分配剩余空间大小。当我把第一个控件的权重设置为1,其他控件不设置时那么默认就是0,因此程序会自动将剩余空间的所有部分分配给控件1,于是我们看到了如下效果:
很容易理解对吧,剩余所有空间的部分都分配给了控件1,下面我们看一个神奇的现象,先将控件1设置android:layout_width="match_parent",同时去掉权重android:layout_weight="1"属性,此时现象如下:
大家都没有疑问吧,控件1将屏幕沾满了,其他两个控件就不会显示在屏幕上了,但是此时我们将android:layout_weight="1"再次设置给控件1,此时就会发现:
为什么?心中的疑问出现了,我们来进行一个简单的数学题,设屏幕宽度为W,TextView2和TextView3宽度都为w0,那么当TextView1宽度属性设置为match_parent时他的宽度也为W,这样程序在执行layout_weight权重分配之前,剩余空间大小是多大呢?
W-W-2*w0=-2*w0
是的你没有看错出现了负数,但反过来一想确实合情合理啊,因为长度超过了屏幕,所以控件被设置在了屏幕之外,不就是负数吗?然后layout_weight属性就要开始起作用了,剩余空间大小是-2*w0,会被分配给TextView1,于是真正占用的空间大小为:W+(-2*w0)=W-2*w0,可怜的TextView1本来可以独占整个屏幕,却被分配了负增长的空间大小,真是物极必反啊。
这样大家就能理解为什么会出现这种情况了吧,再深入一点,你可以把TextView1的宽度随意设置:0dp到1000dp都行然后你会发现他的长度根本不变!!!这又是个简单的数学题:设TextView1的宽度为x,剩余空间:W-x-2*w0,那么TextView1实际占用空间:W-x-2*w0+x=W-2*w0,结果同上。
下面来进阶版的。代码如下:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:orientation="horizontal">
<TextView
android:id="@+id/TextView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="TextView1"
android:layout_weight="2"
android:background="#DC143C"/>
<TextView
android:id="@+id/TextView2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="TextView2"
android:layout_weight="1"
android:background="#0000FF"/>
<TextView
android:id="@+id/TextView3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="TextView3"
android:layout_weight="1"
android:background="#99FF00"/>
</LinearLayout>
还在疑惑为什么TextView1没见的你赶紧拿起笔算一下吧,textView1实际分配的空间为:W+(2/(2+1+1))*(W-3*W)=0, textView2实际分配的空间为:W+(1/(2+1+1))*(W-3*W)=0.5*W, textView3实际分配的空间为:W+(1/(2+1+1))*(W-3*W)=0.5*W,一目了然。
那如果我想把这几个控件真正的按照weight权重分配空间该怎么做呢?很简单,layout_width=“0”即可,原因不用解释了吧,只要动手算一下就行啦:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:orientation="horizontal">
<TextView
android:id="@+id/TextView1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="TextView1"
android:layout_weight="2"
android:background="#DC143C"/>
<TextView
android:id="@+id/TextView2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="TextView2"
android:layout_weight="1"
android:background="#0000FF"/>
<TextView
android:id="@+id/TextView3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="TextView3"
android:layout_weight="1"
android:background="#99FF00"/>
</LinearLayout>