ContraintLayout的基本属性与用法（一）

前言

A ConstraintLayout is a ViewGroup which allows you to position and size widgets in a flexible way.
简言：ConstraintLayout是可以灵活设置其内控件位置和大小的ViewGroup。

支持API 9 (Gingerbread)及以上，官方后续仍将对其API和功能进行扩展。

添加
1、 Android Studio版本至少2.3，我用的是AS 3.1.3
2、 在build.gradle中添加依赖，如下：

dependencies {
compile ‘com.android.support.constraint:constraint-layout:1.1.3’
}

正题

开局一张图，博客全靠编：

该布局如果以传统布局方式来写的话是这样的（由于显示逻辑问题实际情况更复杂，demo略做精简）

可以看到，这个简单的布局已经做了两层嵌套

如果我们用ContraintLayout，就一层布局足以，不用嵌套。之前写的布局我们可以以这种方式简单转化一下：在desin中右击

转化完成后，我们的布局会乱，因为会把我们所有的嵌套布局删掉，如Relativelayout，FrameLayout等。所以我们需要手动调整一下。
当然，你可以直接用contraintLayout布局编写，在gradle文件中添加依赖即可。

implementation 'com.android.support.constraint:constraint-layout:1.1.3'

在编写XML文件之前，我们需要了解一下ConstraintLayout的基本属性：

layout_constraintLeft_toLeftOf
layout_constraintLeft_toRightOf
layout_constraintRight_toLeftOf
layout_constraintRight_toRightOf
layout_constraintTop_toTopOf
layout_constraintTop_toBottomOf
layout_constraintBottom_toTopOf
layout_constraintBottom_toBottomOf
layout_constraintBaseline_toBaselineOf
layout_constraintStart_toEndOf
layout_constraintStart_toStartOf
layout_constraintEnd_toStartOf
layout_constraintEnd_toEndOf

通常情况下，这些属性足够让我们编译一套复杂的布局。其实这些属性很简单，你完全可以当做加强版本的RelativeLayout来使用，Left_toLeftOf的意思就是我的左边跟xxid的左边相邻，其他意思类推。
例如假设你的textview要在imageView的右边，那么代码就这么写 在textView控件中 app:layout_constraintLeft_toRightOf="@图片控件的id"
所以改变完后的代码如下：

布局截图如下：

可以看到，我们不用嵌套任何一个布局即可完成该布局的编码工作，所以在性能上，尤其是更加复杂的布局，岂不是很爽。
当然，有可能你在布局的过程中会遇到以下几种情况：

1. 两个控件之间怎么居中对齐？
2. 我设置了android:ellipsize="end"为什么没生效
3. 在某些逻辑下我要隐藏很多控件，为了方便，我在传统布局里可以将这些控件设置在一个ViewGroup里，就可以达到隐藏ViewGroup来简化单独的控件隐藏逻辑，现在新布局不让用布局嵌套了，我难道要一个个控件单独隐藏？
4. 我所依赖的一个控件在某些逻辑下setVisibiltyGone后，自身的位置发生了重大偏差，怎么办?

这些问题，我们都可以解决，篇幅问题，我们下期会依依解决这些问题，同时引出更多的高级用法，高级属性。