（一）View

在Android APP中，所有的用户界面元素都是由View和ViewGroup的对象构成的。View是绘制在屏幕上的用户能与之交互的一个对象。而ViewGroup则是一个用于存放其他View（和ViewGroup）对象的布局容器！ Android为我们提供了一个View和ViewGroup子类的集合，集合中提供了一些常用的输入控件(比如按钮和文本域)和各种各样的布局模式（比如线性或相对布局）。
View：所有可视化控件的父类，提供组件描述和时间处理方法。
ViewGroup：View的子类，可以拥有子控件，可以看作是容器，Android UI中的控件都可按照层次书的结构堆叠，创建UI布局有两种方式，一种是在XML里面定义布局，一种是Java代码里写代码定义。

（二）线性布局

LinearLayout（线性布局）

线性布局

代码示例：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
>

 <View
   android:layout_width="0dp"
   android:layout_height="match_parent"
   android:background="@color/colorPrimary"
   android:layout_weight="1"
  />

 <View
   android:layout_width="0dp"
   android:layout_height="match_parent"
   android:background="@color/colorAccent"
   android:layout_weight="1"
   />
 <View
   android:layout_width="0dp"
   android:layout_height="match_parent"
   android:background="@color/colorPrimaryDark"
   android:layout_weight="1"
   />
</LinearLayout>

效果展示

PS：在XML文件里面添加了3个背景颜色不同的控件，3个控件按照添加顺序在水平方向线性排列，这就是线性布局的一个特点。如果想要更改线性布局的方向：

• android:orientation="vertical" 垂直分布
• android:orientation="horizontal" 水平分布
  在设置控件的尺寸是，高度设置和父亲视图一样，但宽度为0dp,为什么添加后的三个视图仍然有宽度呢？这是因为为每个视图都有权重属性（weight），android:layout_weight="1",每个视图的权重都是1，所以每个视图都占三分之一的比例，这样屏幕上就显示出三个宽度一样的视图，如果我把三个视图的权重分别改为1，2，3，这样三个视图所占的比例便不一样了，分别占屏幕的六分之一，三分之一，二分之一。结果如下：

效果展示

线性布局的一些常用方法：

• 更改线性布局的方向：
  android:orientation="vertical"垂直分布
  android:orientation="horizontal"水平分布
• android:layout_marginStart="50dp" 调整左边距
• android:layout_marginTop="50dp" 调整上边距

线性布局的优点和缺点：
优点：LinearLayout我们使用最多的就是他的权重属性，对屏幕适配的帮助很大；
缺点：当界面比较复杂时，需要嵌套多层的LinearLayout，这样会降低UI Render的速率。

（三）相对布局

相对布局（RelativeLayout）必须控制每个控件的x,y坐标， 在layout_margin方法的基础上添加了对齐的方法。

相对布局

代码示例：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
>
 <View
   android:id="@+id/v1"
   android:layout_width="300dp"
   android:layout_height="200dp"
   android:background="@color/colorPrimary"
   android:layout_centerHorizontal="true"

 <View
  android:id="@+id/v2"
   android:layout_width="100dp"
   android:layout_height="100dp"
   android:background="@color/colorAccent"
   android:layout_alignRight="@id/v1"
   android:layout_alignBottom="@id/v1"
   />
</RelativeLayout>

效果展示

PS:使用相对布局展示两个背景颜色不同的控件，其中一个控件以另一个控件为参考系来确定自己的位置，其中绿色视图水平居中，红色视图和他右对齐和下部对齐就产生出这样的布局图案。
相对布局的一些方法：

android:layout_alignRight="@id/v1" 表示和ID号为v1的控件右对齐
android:layout_alignBottom="@id/v1" 下对齐
android:layout_centerHorizontal="true"水平居中

margin和padding的区别：首先margin代表的是偏移,比如marginleft = "5dp"表示组件离容器左边缘偏移5dp; 而padding代表的则是填充,而填充的对象针对的是组件中的元素,比如TextView中的文字 比如为TextView设置paddingleft = "5dp",则是在组件里的元素的左边填充5dp的空间！ margin针对的是容器中的组件，而padding针对的是组件中的元素，要区分开来！

（三）约束布局

**约束布局（ConstraintLayout）通过添加约束条件来控制视图的尺寸，对屏幕的适配有很大的帮助
代码示例：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout      xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<View
    android:id="@+id/v1"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:background="@color/colorAccent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toStartOf="@id/v2"


    android:layout_marginLeft="20dp"
    android:layout_marginTop="20dp"
    android:layout_marginRight="20dp"
    android:layout_marginBottom="20dp"
    app:layout_constraintHorizontal_weight="1"/>

<View
    android:id="@+id/v2"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:background="@color/colorPrimary"

    app:layout_constraintTop_toTopOf="@id/v1"
    app:layout_constraintBottom_toBottomOf="@id/v1"

    app:layout_constraintStart_toEndOf="@id/v1"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_weight="1"
    android:layout_marginRight="20dp"
    />
</android.support.constraint.ConstraintLayout>

效果展示

• layout_constraintDimensionRatio="h,1^2" 宽和⾼的⽐例
• layout_constraintDimensionRatio=“w,1^2” ⾼和宽的⽐例

（四）学习感悟

今天主要是做一个手机滑动解锁的项目，顺便穿插的讲了一下这三种布局，项目还没有做完，就没有急着整理，就先整理一下这三种布局方式。这三种布局方式学习和理解起来都不算特别的难，简单的一些操作也很容易上手，但是要做一些复杂的界面就比较麻烦了，这肯定需要长时间的联系才能够做到“手到擒来”。