Android布局详解

大家好，又见面了，我是你们的朋友全栈君。

Android基本布局分别是：线性布局LinearLayout、相对布局RelativeLayout、帧布局FrameLayout、表格布局TableLayout、网格布局GridLayout。

其中，表格布局是线性布局的子类。网格布局是android 4.0后新增的布局。

普通视图还是布局都继承自 View ，其中 ViewGroup 就是所有布局的父类， ViewGroup 继承自 View 同时可以对 View 进行管理 ( 编排，控制 View 显示位置和大小 )主要掌握以下三种布局

LinearLayout(常用的布局)
线性布局，可以水平编排或者垂直编排孩子的显示
android:orientation=”vertical”  设置方向 vertical 垂直 ( 沿着 y 坐标 ) horizontal 水平方向（沿着 x 坐标）
线性布局中可以使用 android:layout_weight 属性设置权重，可以将 LinearLayout 中剩下的部分进行比例划分
LinearLayout 中如果需要使用占位视图可以使用 Space
<Space
android:layout_width=”1dp”
android:layout_height=”0dp”
android:layout_weight=”1″ />

LinearLayout 中使用 android:gravity 可以调整孩子的对齐方式，但是要注意方向，垂直的 ( 如果高不定 ) ，可以调整孩子在 left\centerhorizontal\right  如果是水平 ( 宽如果不定 )  可以调整孩子在 top\centervertical\bottom

RelativeLayout
相对布局
第一种：子视图相对于父容器，取值为 true/false
android:layout_alignParentLeft=”true” 靠父容器左侧
android:layout_alignParentRight=”true”  靠父容器右侧
android:layout_alignParentTop=”true” 靠父容器顶部
android:layout_alignParentBottom=”true”  靠父容器底部
android:layout_centerVertical=”true” 垂直居中
android:layout_centerInParent=”true” 居中
android:layout_centerHorizontal=”true” 水平居中
第二种：子视图之间相互参考，值对方视图的 id –> @id/xxx
id 的声明： @+id/id 名称 如： @+id/tv_a
id 的引用： @id/id 名称 如： @id/tv_a
android:layout_toLeftOf 在谁的左侧
android:layout_toRightOf 在谁的右侧
android:layout_above 在谁的上面
android:layout_below 在谁的下面
android:layout_alignTop 顶部对齐
android:layout_alignLeft 左侧对齐
android:layout_alignRight 右侧对齐

android:layout_alignBottom 底部对齐

FrameLayout
帧布局 ( 框架布局 ) ，布局特性是所有孩子默认叠在该容器左上角
<FrameLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:layout_width=”match_parent”
android:layout_height=”match_parent” >
<TextView
android:layout_width=”200dp”
android:layout_height=”50dp”
android:background=”#55ff0000″ />
<TextView
android:layout_width=”150dp”
android:layout_height=”100dp”
android:background=”#5500ff00″ />
<TextView
android:layout_width=”100dp”
android:layout_height=”150dp”
android:background=”#550000ff” />
</FrameLayout>
其中孩子中可以使用 android:layout_gravity 来调整自己在父容器中的位置 ( 主动权在孩子身上 ) ，跟 android:gravity 不一样的是 android:gravity 主动权在父元素身上
<FrameLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:layout_width=”match_parent”
android:layout_height=”match_parent” >
<TextView
android:layout_width=”200dp”
android:layout_height=”50dp”
android:background=”#55ff0000″
android:text=”ABC”
android:layout_gravity=”center” /> 设置该视图显示在 FrameLayout 正中间
…
<TextView
android:layout_width=”150dp”
android:layout_height=”100dp”
android:background=”#5500ff00″
android:layout_gravity=”right|bottom” />  显示在右下角

</FrameLayout>

TableLayout

表格布局继承自LinearLayout，通过TableRow设置行，列数由TableRow中的子控件决定，

直接在TableLayout中添加子控件会占据整个一行。

TableLayout常用属性：

android:shrinkColumns：设置可收缩的列，内容过多就收缩显示到第二行

android:stretchColumns：设置可伸展的列，将空白区域填充满整个列

android:collapseColumns：设置要隐藏的列

列的索引从0开始，shrinkColumns和stretchColumns可以同时设置。

子控件常用属性：

android:layout_column：第几列

android:layout_span：占据列数

GridLayout(网格布局)

作为android 4.0 后新增的一个布局,与前面介绍过的TableLayout(表格布局)其实有点大同小异;

不过新增了一些东西

1、跟LinearLayout(线性布局)一样,他可以设置容器中组件的对齐方式

2、容器中的组件可以跨多行也可以跨多列(相比TableLayout直接放组件,占一行相比较)。

常用属性:

排列对齐:

①设置组件的排列方式:   android:orientation=””     vertical(竖直,默认)或者horizontal(水平)

②设置组件的对齐方式:   android:layout_gravity=””   center,left,right,buttom

设置布局为几行几列:

①设置有多少行: android:rowCount=”4″        //设置网格布局有4行

②设置有多少列: android:columnCount=”4″    //设置网格布局有4列

设置某个组件位于几行几列

注:都是从0开始算的哦！

①组件在第几行: android:layout_row = “1”   //设置组件位于第二行 

②组件在第几列: android:layout_column = “2”   //设置该组件位于第三列

设置某个组件横跨几行几列:

①横跨几行: android:layout_rowSpan = “2”     //纵向横跨2行

②横跨几列: android:layout_columnSpan = “3”     //横向横跨2列

最后说一点：

GridLayout是android 4.0 后才推出的,API Level 为 14

如果读者将布局设置为GridLayout时,会出现 莫名其妙的报错,

只需要将配置文件中的 MinSDK改成14或者以上版本 即可,保存