从0系统学Android-3.2四种基本布局

本系列持续更新中….

一个界面总是要由许多的控件来组成的，如何让这些控件可以在界面上有条不絮的摆放呢？这就需要布局来实现了。布局是一种可以放置很多控件的容器，可以让这些控件按照一定的规律来排列。

布局内即可以放置普通控件也可以放置布局，可以有多层嵌套。关系图

接下来介绍 Android 中 4 中常用的基本布局

3.3.1 线性布局

又称为线性布局，是一种非常常用的布局，这个布局会将它所包含的所有控件在线性方向上排列。

既然是线性那么肯定就不止一个方向了，通过 属性来指定排列的方向。 代表垂直排列， 是水平排列。

代码：

上面是垂直排列，然后我们把 修改为

效果：

注意如果把排列设置为 则内部控件的高度就不能设置成 因为如果你这样设置的话，其他控件就没有空间了。同样的如果排列为 的话内部控件的宽度就不能指定为

用于指定文字在本控件中的对齐方式。

用于指定本控件在布局中的对齐方式。

注意如果排列方向是 的话，则 只有垂直方向上的对齐方式才会生效，因为此时水平方向上的长度是不固定的，每添加一个控件水平方向上的长度都会改变。同样道理，排列方向是 的时候， 只有在水平方向上对齐方式才会有效。

属性允许我使用比例的方式来指定控件的大小，在屏幕适配方面有非常重要的作用。

3.3.2 相对布局

称作相对布局，它是通过相对定位的方式让控件出现在布局的任何位置。

重要属性：

这几个属性都是内部控件相对于父控件的排列位置。

同样也有相对于控件进行定位的

表示让一个控件的左边和另一个控件的左边对齐

表示一个控件的右边和另一个控件的右边对齐

道理也是一样

3.3.3 帧布局

称作帧布局。应用场景较少，所有控件都默认摆放在布局的左上角。

效果

可以看到后面添加的 ImageView 被遮挡了。

属性在控件中还是生效的。

3.3.4 百分比布局

前面三种布局都是在 Android 1.0 版本中就支持了。一直沿用到现在。在 中支持使用 属性来实现按照比例来控制控件的大小，其他两种布局就不支持了。为此 Android 引入了全新的布局方式来解决此问题-----百分比布局。在 API 24.1.0 新添加的，不过在 API 26 中就不推荐使用了。

由于 LinearLayout 本身已经支持按照比例指定控件大小了，因此百分比布局只是为了 和 进行了功能扩展，提供了 和 两个全新的布局。

由于百分比布局是在后来添加的，所以为了兼容之前版本，Android 团队将百分比布局定义在了 中（如果你现在使用了 就没有这些问题了，这些支持库都统一放在了 androidx 中）。因此我们需要先引入一下（如果你使用的是 androidx 就不用引用了）

效果图：

由于 PercentFrameLayout 不是系统 SDK 中的，因此有些属性还要用 这种命名空间。我们之所以能够使用 前缀的属性就是因为我们在开头加入了定义 的命名空间，当然我们一直使用 前缀的属性也是同样的道理，只不过是系统帮我们自动添加了。

使用百分比布局主要就是这两个属性 使用的时候 Android Studio 的布局编辑页面可以会有红色下划线提醒，这是因为我们没有使用 。不过这不影响运行程序。

PercentRelativeLayout 的用法也是类似，继承了 RelativeLayout 的所有属性。

这样几种常用的布局就讲完了，还有 等布局不常使用就不讲解了。

3.4 系统控件不够用？创建自定义控件

上一节我们学习了 Android 中的一些常用的控件和布局的用法。这里我们来看一下他们的关系图

可以看到说有的控件都是直接或者间接继承 ，所有的布局都是直接或者间接继承 。

View 是 Android 中最基本的一种 UI 组件，它可以在屏幕上绘制一块矩形区域，并且能够响应这块区域的各种事件，因此，我们使用的各种控件其实就是在 View 的基础的又添加了一些特有的功能。而 ViewGroup 是一种特殊的 View ，它可以包含很多子 View 和 子 ViewGroup，是一个用于放置控件和布局的容器。

那么当系统给我提供的控件不能满足我们的需要的时候，我们也可以自己创建符合我们自己需求的控件。

3.4.1 引入布局

我们知道现在的应用程序几乎在界面顶部都有一个标题栏，虽然 Android 系统已经给我们提供了，但是这里我们不用它，我们自己创建一个。

我们自己创建一个布局

就这样这个简单的标题栏布局就写好了，那么如何使用呢？很简单，在需要使用的布局中。

就添加上面一句话就把刚刚的布局引入了。

使用的时候不要忘了隐藏自带的标题栏

3.4.2 创建自定义控件

引入布局的技巧确实解决了重复编写布局代码的问题，但是布局中有一些控件还需要响应事件，这种情况就需要我们来自定义控件了。

新建 TitleLayout 继承自 LinearLayout，让它作为我们自定义标题栏的控件。

好了这样一个标题栏自定义控件就完成了。