Android实战开发-Kotlin教程（布局篇 3.1）

上一篇我们对Android常用的组件已经有了一个初步的了解，本篇我们开始了解Android常用的布局方式

什么是布局？怎么去理解布局了？简单的来说，布局就是一种约束，比如你把一堆的东西放到地上，他就是杂乱无章的，如果你把它装到置物箱里，他就能按照箱子的空间形状排列起来，这里，我们可以把箱子理解为一种布局，同样的我们Android界面上的组件要有规律的按照设计师的要求摆放好，就需要一种约束的方式，这种约束就是布局。所以，布局就是一种约束组件排列的方式。

Android目前有7大基本布局
线性布局：LinearLayout
相对布局：RelativeLayout
表格布局：TableLayout
层(帧)布局：FrameLayout
绝对布局：AbsoluteLayout
网格布局：GridLayout
约束布局：ConstraintLayout

我们重点来介绍其中比较常用的几种布局

LinearLayout 线性布局

线性布局是最常用的一种布局方式，也是最简单的布局，通俗一点讲，它是约束里面的组件是按照水平方向排列还是按照垂直方向排列

方向属性设置 android:orientation
horizontal：水平方向
vertical：竖直方向

水平方向排列

垂直方向排列

对齐属性设置 android:gravity
left：左对齐
right:右对齐
top：顶部对齐
bottom:底部对齐
center:居中对齐

左对齐 left

右对齐 right

顶部对齐

底部对齐

居中对齐

RelativeLayout 相对布局

相对布局也是我们常用的布局之一，有时候我们在布局中涉及到多层布局嵌套或者某些复杂的布局关系时，用线性布局就不是那么的方便了，这个时候我们可以考虑用相对布局，相对布局中的元素可以相对父元素或者其他元素的位置去指定自身的位置。

与父组件对齐属性
android:layout_alignParentLeft=“true” 与父组件左对齐
android:layout_alignParentRight=“true” 与父组件右对齐
android:layout_alignParentTop=“true” 与父组件顶部对齐
android:layout_alignParentBottom=“true” 与父组件底部对齐

效果图

居中属性
android:layout_centerVertical=“true” 在相对布局中垂直居中
android:layout_centerHorizontal=“true” 在相对布局中水平居中
android:layout_centerInParent=“true” 在相对布局中水平和垂直都居中

垂直居中

水平居中

水平垂直都居中

根据指定组件定位自身的位置
layout_toLeftOf 控制位置在指定组件的左侧
layout_toRightOf 控制位置在指定组件的右侧
layout_above 控制位置在指定组件的上方
layout_below 控制位置在指定组件的下方
layout_alignTop 控制位置在指定组件的上边界
layout_alignBottom 控制位置在组件的下边界
layout_alignLeft 控制位置在组件的左边界
layout_alignRight 控制位置在组件的右边界

TableLayout 表格布局 GridLayout网格

表格、网格布局一般在实际布局用的比较少，原因是很多时候表格布局我们有很多的其他方案可以代替，而且在数据较多的时候这种布局对于资源的消耗比较，所以不建议用，这里我们就不做介绍，如果你想了解请百度去详细了解

ConstraintLayout 约束布局

ConstraintLayout是一种极其强大也灵活的重要布局，在我们日常界面搭建中经常需要使用它来构建一些复杂的界面UI，它的构建使用方式和RelativeLayout相对布局是非常的相似的，都是利用各种相对位置来实现组件的位置摆放。那这个时候你要问了，既然有了RelativeLayout相对布局了为啥还要弄个ConstraintLayout约束布局出来，不是多此一举吗？当我们的布局页面相对复杂的时候，即使你使用的是相对布局，对性能的消耗也是很高的，这个时候我们在考虑布局的复杂性同时也要兼顾性能的时候就需要用到ConstraintLayout约束布局了，可以说ConstraintLayout是RelativeLayout的升级版。

基本方向约束
app:layout_constraintTop_toTopOf=“” 我的顶部和谁的顶部对齐
app:layout_constraintBottom_toBottomOf=“” 我的底部和谁的底部对齐
app:layout_constraintLeft_toLeftOf=“” 我的左边和谁的左边对齐
app:layout_constraintRight_toRightOf=“” 我的右边和谁的右边对齐
app:layout_constraintStart_toStartOf=“” 我的开始位置和谁的开始位置对齐
app:layout_constraintEnd_toEndOf=“” 我的结束位置和谁的结束位置对齐
app:layout_constraintTop_toBottomOf=“” 我的顶部位置在谁的底部位置
app:layout_constraintStart_toEndOf=“” 我的开始位置在谁的结束为止

基线对齐
有时候我们需要与其他组件的底部基线对齐，就需要使用下面这个属性
app:layout_constraintBaseline_toBaselineOf

角度约束
app:layout_constraintCircle=“” 指定控件id
app:layout_constraintCircleAngle=“” 相对于指定空间的角度(0-360)
app:layout_constraintCircleRadius=“” 到指定空间中心的距离

好了，对于Android的基本布局使用我们就先介绍到这里，这里我们都只是了解了一些布局的基本使用属性，更多更详细的属性需要我们自己主动的去了解，这一期我们就到这里，下期再见啦！