Android布局-ConstraintLayout示例

match_parent 问题

宽度match_parent，就设置宽度为0dp，再设置左约束和右约束；
高度match_parent，就设置高度为0dp，再设置上约束和下约束。

控件对齐

居中

app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"

linearlayout weight

 <TextView
        android:id="@+id/TextView1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@+id/TextView2"
        app:layout_constraintHorizontal_weight="2" />

    <TextView
        android:id="@+id/TextView2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toRightOf="@+id/TextView1"
        app:layout_constraintRight_toLeftOf="@+id/TextView3"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintHorizontal_weight="3" />

    <TextView
        android:id="@+id/TextView3"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toRightOf="@+id/TextView2"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintHorizontal_weight="4" />

左右铺满水平布局

 <TextView
    android:id="@+id/tv_tip_reason"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/tv_location"
    android:layout_marginTop="10dp"
    android:text="XXXX："/>

<TextView
    android:id="@+id/tv_reason"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/tv_location"
    app:layout_constraintStart_toEndOf="@+id/tv_tip_reason"
    android:layout_marginStart="10dp"
    android:layout_marginTop="10dp"
    android:maxLines="3"
    android:ellipsize="end"
    tools:text="111111111111111111111111111111111111111111111111111111111"/>

对齐

右对齐

<TextView
    android:id="@+id/tv_tip_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    android:text="用户名："/>

<TextView
    android:id="@+id/tv_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintStart_toEndOf="@+id/tv_tip_name"
    app:layout_constraintStart_toStartOf="@+id/tv_location"
    tools:text="张三"/>

<TextView
    android:id="@+id/tv_tip_location"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/tv_tip_name"
    android:layout_marginTop="10dp"
    android:text="所在地区："/>

<TextView
    android:id="@+id/tv_location"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintTop_toBottomOf="@+id/tv_name"
    app:layout_constraintStart_toEndOf="@+id/tv_tip_location"
    android:layout_marginStart="10dp"
    android:layout_marginTop="10dp"
    tools:text="北京市某某科技园"/>

垂直居中对齐

    <TextView
        android:id="@+id/tv_tip_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="用户名："
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/tv_name"
        app:layout_constraintBottom_toBottomOf="@+id/tv_name"/>

    <TextView
        android:id="@+id/tv_name"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/tv_tip_name"
     	tools:text="1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111"/>

end~