第二十二篇-Guideline基准线

效果图：

前5个是button填充的，最后一个是线性布局下放置一个button在填充。

layout.xml

<?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:id="@+id/linearLayout"

    android:layout_width="match_parent"

    android:layout_height="match_parent">

    <android.support.constraint.Guideline

        android:id="@+id/guideline2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:orientation="horizontal"

        app:layout_constraintGuide_percent="0.3365949" />

    <android.support.constraint.Guideline

        android:id="@+id/guideline3"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:orientation="horizontal"

        app:layout_constraintGuide_percent="0.6712329" />

    <android.support.constraint.Guideline

        android:id="@+id/guideline4"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:orientation="vertical"

        app:layout_constraintGuide_percent="0.5078125" />

    <Button

        android:background="#ff00ff"

        android:id="@+id/button"

        android:layout_width="0dp"

        android:layout_height="0dp"

        android:layout_marginBottom="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:text="Button"

        app:layout_constraintBottom_toTopOf="@+id/guideline2"

        app:layout_constraintEnd_toStartOf="@+id/guideline4"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent" />

    <Button

        android:background="#ff0000"

        android:id="@+id/button2"

        android:layout_width="0dp"

        android:layout_height="0dp"

        android:layout_marginBottom="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:text="Button"

        app:layout_constraintBottom_toTopOf="@+id/guideline2"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintStart_toStartOf="@+id/guideline4"

        app:layout_constraintTop_toTopOf="parent" />

    <Button

        android:background="#00ff00"

        android:id="@+id/button3"

        android:layout_width="0dp"

        android:layout_height="0dp"

        android:layout_marginBottom="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:text="Button"

        app:layout_constraintBottom_toTopOf="@+id/guideline3"

        app:layout_constraintEnd_toStartOf="@+id/guideline4"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="@+id/guideline2" />

    <Button

        android:background="#0000ff"

        android:id="@+id/button4"

        android:layout_width="0dp"

        android:layout_height="0dp"

        android:layout_marginBottom="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:text="Button"

        app:layout_constraintBottom_toTopOf="@+id/guideline3"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintStart_toStartOf="@+id/guideline4"

        app:layout_constraintTop_toTopOf="@+id/guideline2" />

    <Button

        android:background="#ffff00"

        android:id="@+id/button5"

        android:layout_width="0dp"

        android:layout_height="0dp"

        android:layout_marginBottom="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:text="Button"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toStartOf="@+id/guideline4"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="@+id/guideline3" />

    <LinearLayout

        android:layout_width="0dp"

        android:layout_height="0dp"

        android:layout_marginBottom="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginStart="8dp"

        android:layout_marginTop="8dp"

        android:orientation="vertical"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintStart_toStartOf="@+id/guideline4"

        app:layout_constraintTop_toTopOf="@+id/guideline3">

        <Button

            android:background="#00ffff"

            android:id="@+id/button7"

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:text="Button" />

    </LinearLayout>

</android.support.constraint.ConstraintLayout>

ok。