ConstraintLayout使用心得

constraintLayout出来已经有一段时间了，一直没有使用，最近领导让给大家讲讲。于是，抽空看了一下官方文档，然后这两天实践了一下。

1. 使用代码比使用可视化界面更方便，只要记住它的属性即可，可视化还不是正式版，处于测试试用阶段；
2. 想要控件水平居中显示：

  <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        android:text="水平居中显示"/>

效果如图

水平居中

3. 想要两个控件各占半个屏幕居中显示，关键在于使用guideline：

  <android.support.constraint.Guideline
        android:id="@+id/guideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.5" />

    <TextView
        android:id="@+id/tv_pv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="浏览量"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@+id/guideline"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/tv_ranking"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="在全球中的排名"
        app:layout_constraintLeft_toRightOf="@id/guideline"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

显示效果如下：

使用了guideline

4. 相册中均分屏幕宽度，方形显示，不用再获取屏幕尺寸，手动计算宽度了：

 <ImageView
        android:layout_width="0dp"
        android:layout_height="0dp" 
        app:layout_constraintDimensionRatio="W,1:1"/>

长宽都是0dp，w表示宽度是能确定的，然后高度根据1:1确定；