布局概述

为了让组件（TextView,Button等）在不同的手机屏幕上都能运行良好（不同手机屏幕分辨率、尺寸并不完全相同），如果让程序手动控制每个组件的大小、位置，则将给编程带来巨大的困难，为了解决这个问题，Android提供了布局管理器。布局管理器可以根据运行平台来调整组件的大小，咱们程序员要做的只是为容器选择合适的布局管理器。

每当Acitivity.setContentView(@LayoutRes int layoutResID)方法被调用，或者一个View通过LayoutInflater对象inflater出来，那么相关的布局文件就会被加载并解析出来。XML文件中每个大写的XML节点对应着一个View对象，他们被系统实例化。在Acitviity或者Fragment的整个生命周期中，他们都是UI层级的一部分。这会影响到应用程序使用过程中的分配。

一、线性布局（LinearLayout常用）

LinearLayout 是一个视图组，呈线性横向或纵向，依次绘制每个被添加进来的子组件。

LinearLayout的所有子组件依次堆叠，因此无论子视图有多宽，垂直列表每行均只有一个子组件，水平列表将只有一行高（最高子组件的高度加上内边距）。LinearLayout会考虑子组件之间的边距以及每个子组件的对齐方式（右对齐、居中对齐或左对齐）。

布局权重

LinearLayout还支持使用android:layout_weight属性为各个子组件分配权重。此属性会根据视图应在屏幕上占据的空间大小，向视图分配“重要性”值。如果拥有更大的权重值，视图便可展开，填充父视图中的任何剩余空间。子组件可指定权重值，然后系统会按照子组件所声明的权重值比例，为其分配视图组中的任何剩余空间。默认权重为零。

LinearLayout常用XML属性和相关方法说明

XML属性	相关方法	说明
android:baselineAligned	setBaselineAligned(boolean)	设置为 false 时，防止布局对齐其子项的基线。
android:baselineAlignedChildIndex	setBaselineAlignedChildIndex(int)	当线性布局是另一个基线对齐的布局的一部分时，它可以指定基线对齐到其子项中的哪个子项（即，哪个子项 TextView）。
android:divider	setDividerDrawable(Drawable)	可绘制用作按钮之间的垂直分隔线。
android:gravity	setGravity(int)	指定对象应如何在其自身边界内在 X 轴和 Y 轴上定位其内容。
android:measureWithLargestChild	setMeasureWithLargestChildEnabled (boolean)	当设置为 true 时，所有有重量的孩子都将被认为是最大孩子的最小尺寸。
android:orientation	setOrientation(int)	布局应该是一列还是一行？对行使用“horizontal”，对列使用“vertical”。
android:weightSum	setWeightSum(float)	定义最大权重总和。

LinearLayout.LayoutParams

LinearLayout包含的所有子元素都受LinearLayout.LayoutParams控制，因此LinearLayout包含的子元素可以额外指定下列属性。

LinearLayout.LayoutParams常用XML属性和相关方法说明

XML属性

相关方法

说明

android:layout_gravity

setGravity(int)

Gravity指定组件应如何放置在其单元组中。

必须是Gravity常量值中的一个或多个（以“|”分隔）。

android:layout_weight

指示 LinearLayout 中有多少额外空间分配给

与这些 LayoutParams 关联的视图。

Gravity常量（必须使用一个或多个以“|”分隔。如：right|top）

Constant	Value	描述
center	11	将对象放置在其容器的垂直和水平轴的中心，不改变其大小。
center_horizontal	1	将对象放置在其容器的水平中心，不改变其大小。
center_vertical	10	将对象放在其容器的垂直中心，不改变其大小。
clip_horizontal	8	可以设置为将子项的左边缘和/或右边缘剪裁到其容器边界的附加选项。剪辑将基于水平重力：左重力将剪辑右边缘，右重力将剪辑左边缘，两者都不会剪辑两个边缘。
clip_vertical	80	可以设置为将子项的顶部和/或底部边缘剪裁到其容器边界的附加选项。剪辑将基于垂直重力：顶部重力将剪辑底部边缘，底部重力将剪辑顶部边缘，两者都不会剪辑两个边缘。
fill	77	如果需要，增加对象的水平和垂直大小，使其完全填满其容器。
fill_horizontal	7	如果需要，增加对象的水平尺寸，使其完全填满其容器。
fill_vertical	70	如果需要，增大对象的垂直尺寸，使其完全填满其容器。
left	3	将对象推到其容器的左侧，不改变其大小。
right	5	将对象推到其容器的右侧，不改变其大小。
bottom	50	将对象推到其容器的底部，而不改变其大小。
top	30	将对象推到其容器的顶部，而不改变其大小。
start	800003	将对象推到其容器的开头，不改变其大小。
end	800005	将对象推到其容器的末端，不改变其大小。

均等分布

如要创建线性布局，让每个子组件使用大小相同的屏幕空间，请将每个视图的android:layout_height设置为"0dp"（针对垂直布局），或将每个视图的android:layout_width设置为"0dp"（针对水平布局）。然后，请将每个视图的android:layout_weight设置为"1"。例如：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <LinearLayout
        android:id="@+id/ll_top"
        android:layout_width="match_parent"
        android:layout_weight="1"
        android:background="@color/color_188FFF"
        android:orientation="horizontal"
        android:layout_height="0dp">
    </LinearLayout>
    <LinearLayout
        android:id="@+id/ll_bottom"
        android:layout_width="match_parent"
        android:layout_weight="1"
        android:orientation="horizontal"
        android:background="@color/color_ff0000"
        android:layout_height="0dp">
    </LinearLayout>
</LinearLayout>

不等分布

你也可创建线性布局，让子元素使用大小不同的屏幕空间：

a、如果有三个文本字段，其中两个声明权重为 1，另一个未赋予权重，那么没有权重的第三个文本字段就不会展开，而仅占据其内容所需的区域。另一方面，另外两个文本字段将以同等幅度展开，填充测量三个字段后仍剩余的空间。

b、如果有三个文本字段，其中两个字段声明权重为 1，而为第三个字段赋予权重 2（而非 0），那么现在相当于声明第三个字段比另外两个字段更为重要，因此，该字段将获得总剩余空间的一半，而其他两个字段均享余下的空间。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <LinearLayout
        android:id="@+id/ll_top"
        android:layout_width="match_parent"
        android:layout_weight="1"
        android:background="@color/color_188FFF"
        android:orientation="horizontal"
        android:layout_height="0dp">
        <View
            android:id="@+id/view_top_1"
            android:layout_width="100dp"
            android:layout_height="match_parent"
            android:background="@color/color_ff0000"/>
        <View
            android:id="@+id/view_top_2"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@color/purple_500"/>
        <View
            android:id="@+id/view_top_3"
            android:layout_width="100dp"
            android:layout_height="match_parent"
            android:background="@color/color_FF773D"/>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/ll_bottom"
        android:layout_width="match_parent"
        android:layout_weight="1"
        android:orientation="horizontal"
        android:background="@color/color_ff0000"
        android:layout_height="0dp">
        <View
            android:id="@+id/view_bottom_1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@color/color_FF773D"/>
        <View
            android:id="@+id/view_bottom_2"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="2"
            android:background="@color/teal_200"/>
        <View
            android:id="@+id/view_bottom_3"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@color/color_ff0000"/>
    </LinearLayout>
</LinearLayout>

二、相对布局（RelativeLayout常用）

RelativeLayout 是一个视图组，每个子组件位置是相对的，可以相对于同一层级下其他控件，也可以相对于父控件。

RelativeLayout是用于设计用户界面的非常强大的实用程序，因为它可以消除嵌套视图组并保持布局层次结构平坦，从而提高性能。如果你发现自己使用了多个嵌套LinearLayout组，则可以将它们替换为单个RelativeLayout。

定位视图

RelativeLayout让子视图指定它们相对于父视图或彼此的位置（由 ID 指定）。因此，如果A组件的位置是由B组件的位置来决定，Android要求先定义B组件，再定义A组件

RelativeLayout常用XML属性和相关方法说明

XML属性

相关方法

说明

android:gravity

setGravity(int)

指定对象应如何在其自身边界内在X轴和Y轴上定位其内容。

必须是Gravity常量值中的一个或多个（以“|”分隔）。

android:ignoreGravity

setIgnoreGravity(int)

指示哪个视图不应受重力影响。

RelativeLayout.LayoutParams

为了控制RelativeLayout布局容器中各子组件的布局分布，RelativeLayout提供了一个内部类：RelativeLayout.LayoutParams，该类提供了大量的XML属性来控制RelativeLayout布局容器中子组件的布局分布。

RelativeLayout.LayoutParams里设的XML属性及说明

XML属性	说明
android:layout_above	将此视图的底部边缘定位在给定的锚视图 ID 上方。
android:layout_alignBaseline	将此视图的基线定位在给定锚视图 ID 的基线上。
android:layout_alignBottom	使此视图的底部边缘与给定的锚视图 ID 的底部边缘匹配。
android:layout_alignEnd	使此视图的结束边缘与给定锚视图 ID 的结束边缘匹配。
android:layout_alignLeft	使此视图的左边缘与给定锚视图 ID 的左边缘匹配。
android:layout_alignParentBottom	如果为 true，则使此视图的底部边缘与父视图的底部边缘匹配。
android:layout_alignParentEnd	如果为 true，则使此视图的结束边缘与父视图的结束边缘匹配。
android:layout_alignParentLeft	如果为 true，则使此视图的左边缘与父视图的左边缘匹配。
android:layout_alignParentRight	如果为 true，则使此视图的右边缘与父视图的右边缘匹配。
android:layout_alignParentStart	如果为 true，则使此视图的起始边缘与父视图的起始边缘匹配。
android:layout_alignParentTop	如果为 true，则使此视图的顶部边缘与父视图的顶部边缘匹配。
android:layout_alignRight	使此视图的右边缘与给定锚视图 ID 的右边缘匹配。
android:layout_alignStart	使此视图的起始边缘与给定锚视图 ID 的起始边缘匹配。
android:layout_alignTop	使此视图的顶部边缘与给定的锚视图 ID 的顶部边缘匹配。
android:layout_alignWithParentIfMissing	如果设置为 true，则在 layout_toLeftOf、layout_toRightOf 等无法找到锚点时，将使用父级作为锚点。
android:layout_below	将此视图的顶部边缘定位在给定的锚视图 ID 下方。
android:layout_centerHorizontal	如果为 true，则此子项在其父项内水平居中。
android:layout_centerInParent	如果为 true，则此子项在其父项内水平和垂直居中。
android:layout_centerVertical	如果为 true，则将此子项垂直居中于其父项内。
android:layout_toEndOf	将此视图的起始边缘定位到给定锚视图 ID 的末尾。
android:layout_toLeftOf	将此视图的右边缘定位在给定锚视图 ID 的左侧。
android:layout_toRightOf	将此视图的左边缘定位在给定锚视图 ID 的右侧。
android:layout_toStartOf	将此视图的结束边缘定位到给定锚视图 ID 的开始处。
android:layout_above	将此视图的底部边缘定位在给定的锚视图 ID 上方。

除此之外，RelativeLayout.LayoutParams还继承了ViewGroup.MarginLayoutParams，因此RelativeLayout布局容器中每个子组件也可以指定ViewGroup.MarginLayoutParams所支持的各XML属性。

不设置相对位置（重叠在一起）

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <View
        android:id="@+id/view_top_1"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:background="@color/color_666666"/>
    <View
        android:id="@+id/view_top_2"
        android:layout_width="200dp"
        android:layout_height="100dp"
        android:background="@color/teal_200"/>
    <View
        android:id="@+id/view_top_3"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/color_FF773D"/>
</RelativeLayout>

设置相对位置，未出现重叠

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <View
        android:id="@+id/view_top_1"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:background="@color/color_666666"/>
    <View
        android:id="@+id/view_top_2"
        android:layout_width="200dp"
        android:layout_below="@id/view_top_1"
        android:layout_height="100dp"
        android:background="@color/teal_200"/>
    <View
        android:id="@+id/view_top_3"
        android:layout_width="100dp"
        android:layout_below="@id/view_top_2"
        android:layout_height="100dp"
        android:background="@color/color_FF773D"/>
    <View
        android:id="@+id/view_top_4"
        android:layout_width="100dp"
        android:layout_below="@id/view_top_2"
        android:layout_toRightOf="@id/view_top_3"
        android:layout_height="100dp"
        android:background="@color/purple_500"/>
</RelativeLayout>

Android 六大布局(上)

布局概述

一、线性布局（LinearLayout常用）

布局权重

LinearLayout常用XML属性和相关方法说明

LinearLayout.LayoutParams

LinearLayout.LayoutParams常用XML属性和相关方法说明

均等分布

不等分布

二、相对布局（RelativeLayout常用）

定位视图

RelativeLayout常用XML属性和相关方法说明

RelativeLayout.LayoutParams

RelativeLayout.LayoutParams里设的XML属性及说明

不设置相对位置（重叠在一起）

设置相对位置，未出现重叠

热门文章

最新文章

相关课程

相关电子书

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

Android 六大布局(上)

布局概述

一、线性布局（LinearLayout常用）

布局权重

LinearLayout常用XML属性和相关方法说明

LinearLayout.LayoutParams

LinearLayout.LayoutParams常用XML属性和相关方法说明

均等分布

不等分布

二、相对布局（RelativeLayout常用）

定位视图

RelativeLayout常用XML属性和相关方法说明

RelativeLayout.LayoutParams

RelativeLayout.LayoutParams里设的XML属性及说明

不设置相对位置（重叠在一起）

设置相对位置，未出现重叠

热门文章

最新文章

相关课程

相关电子书