Android布局控件-LinearLayout详解

1.线性布局 LinearLayout

LinearLayout简单来说就是线性布局，线性肯定是具有横竖两种方向的，水平和垂直。

在使用LinearLayout的时候，需要注意以下几点

2.排列方式(orientation)

排列方式有水平和垂直两种方式

在xml文件中:

android:orientation="vertical"   // 垂直排列
android:orientation="horizontal" // 水平排列

在java代码中:

linearLayout.setOrientation(LinearLayout.VERTICAL);  // 设置垂直排列
linearLayout.setOrientation(LinearLayout.HORIZONTAL);// 设置水平排列

这里需要注意：

android:orientation="vertical"，子View使用layout_gravity在垂直方向上的设定无效
android:orientation="horizontal"，子View使用layout_gravity在水平方向上的设定无效

3.摆放位置(gravity/layout_gravity)

上面讲到了排列问题，这里在来讲一下摆放问题

gravity是针对当前控件里面内容的摆放，如果是容器，则针对的是容器里面子view的摆放；如果是控件，则针对的是控件里面内容的摆放。
layout_gravity是指当前控件在父控件里面的摆放位置，不过需要注意的一点是父控件设置的gravity的级别要低于子控件设置的layout_gravity。

我们来分析其中的一种情况然后来做个总结。

LinearLayout的排列方式为vertical，优先级最高。当LinearLayout设置了gravity，都是在LinearLayout排列方式为vertical，LinearLayout设置了gravity之后的位置重新来进行排列的。如果子view设置了layout_gravity的话，那么子View的排列方式按子View设置的为主，下面看个例子:

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linear_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal"
    android:orientation="vertical">
 
    <TextView
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:padding="5dp"
        android:text="hello"/>
 
    <TextView
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:padding="5dp"
        android:text="hello"/>
 
    <TextView
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:padding="5dp"
        android:text="hello"/>
 
</LinearLayout>

gravity_image

可以看到第二个TextView设置的layout_gravity为center_vertical，表示生效的是layout_gravity为center_vertical。所以layout_gravity相当于只设定了center_vertical（不生效）而没有设定center_horizontal，所有就出现了图中的情况。可以总结为如果父控件设置了gravity的同时，子View设置了layout_gravity，那么以子View设定的为准。

3.1 权重(layout_weight)

layout_weight

在LinearLayout布局之中，权重也是一个很重要的属性。简单来说就是按比例来分配控件占用父控件的大小。

若C-child表示子布局声明的大小，B-blank表示剩余布局的大小，P-percent表示子布局占据父布局剩余布局的比例，则子布局最终的实际大小R-reality为：

R = C + B * P

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linear_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">
 
    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/holo_blue_dark"
        android:padding="5dp"
        android:text="left"/>
 
    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/holo_green_dark"
        android:gravity="center"
        android:padding="5dp"
        android:text="right"/>
 
</LinearLayout>

weight_image

我们来按照公式来计算

R = C + B * P = 0dp + (B-0dp-0dp) * (1/2) = (1/2)B

也就是父布局的1/2。

weightSum

LinearLayout有一个权重数量的标记：weightSum。在LinearLayout中没有声明weightSum时，默认的就是各个控件权重的总和。上面的例子，默认的weightSum就是2。接下来我们再看一个例子：

这里我将weightSum设置为4。

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linear_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:weightSum="4"
    android:orientation="horizontal">
 
    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/holo_blue_dark"
        android:padding="5dp"
        android:text="left"/>
 
    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/holo_green_dark"
        android:gravity="center"
        android:padding="5dp"
        android:text="right"/>
 
</LinearLayout>

布局的显示如下：

weight_image

0dp与wrap_content

谷歌官方建议子布局的layout_width使用0dp，来分比例显示布局，和wrap_content大同小异，当使用layout_weight时，都表示占据剩余宽度或高度的比重。

但两者有明显区别。

使用0dp时，要考虑所分配的布局宽度是否小于控件实际宽度，比如：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linear_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
 
    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/holo_blue_dark"
        android:padding="5dp"
        android:text="left"/>
 
    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="19"
        android:background="@android:color/holo_green_dark"
        android:gravity="center"
        android:padding="5dp"
        android:text="right"/>
 
</LinearLayout>

则显示为如下：

weight_image

而使用wrap_content则不会出现上面的那种情况

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linear_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
 
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/holo_blue_dark"
        android:padding="5dp"
        android:text="left"/>
 
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="19"
        android:background="@android:color/holo_green_dark"
        android:gravity="center"
        android:padding="5dp"
        android:text="right"/>
 
</LinearLayout>

weight_image

这里left先获取自适应的大小，然后再去获取剩余布局的1/20。

0dp与match_parent

可以发现match_parent是与0dp的效果是相反的

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linear_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
 
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/holo_blue_dark"
        android:padding="5dp"
        android:text="left"/>
 
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:background="@android:color/holo_green_dark"
        android:gravity="center"
        android:padding="5dp"
        android:text="right"/>
 
</LinearLayout>

weight_image

这看起来很奇怪，那么我们通过公式来计算。以left为例子

B是剩余布局的大小 = 父布局大小 - 子控件大小之和

B = C - (C + C) = -C;

R = C + B * P = C + (-C) * (1/3) = 2/3C
这里的C就是父布局的大小也就是match_parent。

4.总结

LinearLayout的排列方式有垂直和水平
当LinearLayout的排列方式为vertical，也就是垂直方向时:

LinearLayout里面的子view设置layout_gravity在垂直方向上的设定是无效的。并且子view设定的layout_gravity是在前两个的基础位置上来进行摆放的。
当LinearLayout的排列方式为horizontal，也就是水平方向时:

LinearLayout里面的子view设置layout_gravity在水平方向上的设定是无效的。并且子view设定的layout_gravity是在前两个的基础位置上来进行摆放的。
权重需要记住的就是公式

控件的实际大小 = 控件设定的大小 + (布局剩余的大小) * 布局的比例

布局剩余的大小 = 父布局的大小 - 子布局大小之和