LinearLayout中weigh,weightSum用法

在Android开发中，LinearLayout是一个常用的布局,分别是horizontal(水平方向)和vertical(垂直方向)。

相信大家对其都不陌生,但我相信可能大家在学习或工作中对于weight,weightSum这个两个属性用的比较少。今天，我就用一个例子，介绍一下这个两个属性的用法。

在介绍例子前，我们先简单的介绍一下这两个属性。

1.weight属性:是将在LinearLayout中，剩余的空间按weight的比中分给自己。

假设我们有一个水平排列的LinearLayou,有两个子View，基布局参数如下：

view width weight

LinearLayout match_parent

view1 0dp 1.0

view2 0dp 1.0

那么我们view的宽度是多少呢？我们第一个View1的宽度就是：

0+ 1.0/(1.0+1.0) = 0.5*match_parent

上面的0是我们宽度，1.0是我们自己的weight,(1.0+1.0)是所有具有weight的总和。

2.sumWeight:是指总LinearLayout的总的weight,当我们指定的这个值时，我们在计算比中是用到。

假设我们有一个水平排列的LinearLayou,有两个子View，基布局参数如下：

LinearLayout提定了一个sumWeigh为5.0

view width weight

view1 0dp 1.0

view2 0dp 1.0

那么我们view的宽度是多少呢？我们第一个View1的宽度就是：

0+ 1.0/(5.0) = 0.2*match_parent

上面的0是我们宽度，1.0是我们自己的weight,5.0是sumWeigh。

下面我们给出一个例子：

xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="#fff"

android:orientation="vertical">

<LinearLayout android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"

android:background="#ff00">

<TextView android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1.0"

android:text="weigt 1.0"

android:textColor="#fff"

android:background="#cccccc"

android:gravity="center"/>

<TextView android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1.0"

android:text="weigt 1.0"

android:textColor="#fff"

android:background="#ffcccc"

android:gravity="center"/>

</LinearLayout>

<LinearLayout android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"

android:weightSum="5.0"

android:layout_marginTop="30dp"

android:background="#ff00">

<TextView android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1.0"

android:text="weigt 1.0"

android:textColor="#fff"

android:background="#cccccc"

android:gravity="center"/>

<TextView android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1.0"

android:text="weigt 1.0"

android:textColor="#fff"

android:background="#ffcccc"

android:gravity="center"/>

</LinearLayout>

</LinearLayout>

运行后：