从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,让它作为我们自定义标题栏的控件。

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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20191120A0J16T00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券