Android开发之详解四种布局方式

四大布局方式

今天要介绍的布局方式有线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout)、表格布局(TableLayout)。前两者是常用的，所以今天就着重的讨论一下LinearLayout。

在Android开发的几种布局方式当中，你不许指定控件的坐标点，也就是说你不许指定控件的位置，因为特定的布局方式有其特定计算控件坐标点的方法。但是在不同的布局方式中你需要为控件指定宽、高。接下来具体的介绍一下Android开发中的布局方式。

---

1. LinearLayout (线性布局)

说到LinearLayout, 我想说一下流式布局。其实LinearLayout就是流式布局，流式布局有个特点，就是下一个控件的坐标原点由上一个控件来决定，你可以沿水平方向或者垂直方向上来排列你的控件。 如果你的控件是垂直排列的，那么你可以给控件指定水平的居中方式（这一点可能说起来抽象，下方会通过实例来进行介绍）。接下来将通过一系列的实例来介绍一下LinearLayout。

(1) 下方有张效果图，我们想实现下方布局方式，如果使用LinearLayout来实现该如何去做呢。

(2) 首先我们先分析布局方式，把每个块进行拆分，分析，然后通过LinearLayout进行组合在一块即可。我们对上述布局方式进行拆分，并且对使用的LinearLayout进行命名，并且指定子视图的布局方式（V-垂直，H-水平），具体的请看下图。最下方我们使用了一个水平布局的LinearLayout1, 在LinearLayout01上又有两个高度等于父视图高度的LinearLayout11和LinearLayout12，两者子控件的布局方式都设置为垂直排列。在LinearLayout12中又有两个子线性布局LinearLayout121和LinearLayout122, 这两个子布局沿垂直方向排列于父布局之上，并且宽度与父布局相等。

(3) 上方说了这么多了，那么接下来看一下上面布局的具体实现方式吧，其布局层次结构图如下所示

具体实现xml如下，在实现中你可以通过android:orientation属性来设置是水平（horizontal）线性排列还是垂直（vertical）线性排列。关于pt等这种单位，下篇博客会给大家详细的介绍一下。

<RelativeLayout 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:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context="com.example.lizelu.userinterfacedemo.Main2Activity">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!--垂直线性布局方式-->
        <LinearLayout
            android:layout_width="60pt"
            android:layout_height="match_parent"
            android:background="#ff0000"
            android:orientation="vertical">
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
          
            <LinearLayout
                android:layout_width=