layout_weight这个属性主要用在线性布局中LinearLayout。表示此控件在此LinearLayout内所在的空间比例,一般叫做权重。
layout_weight的公式:
控件的宽度(高度)=控件的width(height)值+(该控件的weight值/所有控件的weight的和)×额外的空间
额外的空间=手机的宽度(高度)-所有控件的宽度(高度)
在计算LinearLayout布局下面的控件大小时,那么会先给各个控件分配大小,剩余的部分按照权重进行分配。
根据上面的公式,我们知道layout_weight的空间分配跟剩余部分有关,而剩余部分跟此LinearLayout布局下所有的控件的设置都有关系,比如layout_width,layout_height,有没有权重属性layout_weight都有关。
来看看下面的这个例子。一个LinearLayout下有三个button,权重分别为1,2,3.
例子1:
如果三个button的layout_width都为0dp,如下:
<LinearLayout
android:id="@+id/layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:id="@+id/button"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="button"/>
<Button
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="2"
android:text="button1"/>
<Button
android:id="@+id/button2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="3"
android:text="button2"/>
</LinearLayout>
结果如下:
例子2:
如果三个button的layout_width都为0dp,如下:
<LinearLayout
android:id="@+id/layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:id="@+id/button"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="button"/>
<Button
android:id="@+id/button1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="2"
android:text="button1"/>
<Button
android:id="@+id/button2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="3"
android:text="button2"/>
</LinearLayout>
结果为:
例子3:
如果第一个button的layout_width写死为200dp,且去掉权重layout_weight,如下:
<LinearLayout
android:id="@+id/layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:id="@+id/button"
android:layout_width="200"
android:layout_height="wrap_content"
android:text="button"/>
<Button
android:id="@+id/button1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="2"
android:text="button1"/>
<Button
android:id="@+id/button2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="3"
android:text="button2"/>
</LinearLayout>
结果为: