ConstraintLayout 完全解析

1、前言

ConstraintLayout刚出来的时候就关注了，只是学习了一下，一直没有记录，今天突然想用一下，但是好多要注意的点都想不起来了，就只能重新看一遍， 在此记录一下

2、layout_constraint[本源]_[目标]="[目标ID]"

app:layout_constraintBottom_toBottomOf="parent" // 底部与父控件底部对其
app:layout_constraintLeft_toLeftOf="parent"     //   左侧与父布局左侧对其
app:layout_constraintRight_toRightOf="parent"   // 右侧与父布局对其
app:layout_constraintTop_toTopOf="parent"       // 上边与父布局对其
app:layout_constraintHorizontal_bias="0.25" // 左侧空间与右侧空间加起来分四份，左侧占1分，右侧占3份
app:layout_constraintVertical_bias="0.25" // 上边空间与下边空间加起来分四份，上面一份，下面3份
注意：
（1）layout_constraintHorizontal_bias这个属性必须设置了居中才有效
（2）同时设置左右或者上下对齐表示左右或者上下居中
// 左右居中
app:layout_constraintLeft_toLeftOf="parent"    // 左侧与父布局左侧对其
app:layout_constraintRight_toRightOf="parent"  // 右侧与父布局对其
// 上下居中
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"

 3、如果一个button放在button1的右边，它的右边又与父控件的右边对其，那么如果这个控件的宽度设置为match_parent或者0dp，那么这个控件相当于设置了layout_weight=1，把剩余空间占满，如果设置了wrap_content，则在button1与父控件的剩余空间中居中

4、ConstraintLayout布局还可以使用constraintDimensionRatio设置视图的纵横比, 则需要把宽(layout_width)或者高(layout_height)设置为0dp，适合图片的适配

<android.support.constraint.ConstraintLayout
    android:id="@+id/constraintLayout"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:layout_width="0dp"
        android:layout_height="200dp"
        android:background="@color/colorAccent"
        android:src="@drawable/total_large"
        app:layout_constraintBottom_toBottomOf="@+id/constraintLayout"
        app:layout_constraintLeft_toLeftOf="@+id/constraintLayout"
        app:layout_constraintRight_toRightOf="@+id/constraintLayout"
        app:layout_constraintTop_toTopOf="@+id/constraintLayout"
        app:layout_constraintVertical_bias="0.0"/>

    <ImageView
        android:layout_width="0dp"
        android:layout_height="200dp"
        android:background="@color/colorAccent"
        android:contentDescription="@null"
        android:src="@drawable/total_large"
        app:layout_constraintBottom_toBottomOf="@+id/constraintLayout"
        app:layout_constraintDimensionRatio="4:3"
        app:layout_constraintLeft_toLeftOf="@+id/constraintLayout"
        app:layout_constraintRight_toRightOf="@+id/constraintLayout"/>

</android.support.constraint.ConstraintLayout>

第一张图片宽设置为0，高被定死了，表示宽可以调整，宽高比设置为0，表示宽填满屏幕，高为200,

第二张图片宽设置为0，高也被定死了，比例设置为4:3，表示高200dp，宽为200dp*4/3