android 约束布局案例

<?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:layout_width="match_parent"    android:layout_height="match_parent"    tools:layout_editor_absoluteY="81dp"    tools:layout_editor_absoluteX="0dp">    <ImageView        android:id="@+id/imageView12"        android:layout_width="0dp"        android:layout_height="0dp"        android:layout_marginBottom="2dp"        android:layout_marginLeft="2dp"        android:layout_marginRight="2dp"        android:layout_marginTop="2dp"        app:layout_constraintBottom_toTopOf="@+id/guideline2"        app:layout_constraintHorizontal_bias="0.0"        app:layout_constraintLeft_toLeftOf="@+id/guideline4"        app:layout_constraintTop_toTopOf="parent"        app:layout_constraintVertical_bias="0.0"        app:srcCompat="@color/colorAccent"        app:layout_constraintRight_toLeftOf="@+id/guideline3" />    <ImageView        android:id="@+id/imageView13"        android:layout_width="0dp"        android:layout_height="0dp"        android:layout_marginBottom="2dp"        android:layout_marginLeft="2dp"        android:layout_marginRight="2dp"        android:layout_marginTop="2dp"        app:layout_constraintBottom_toTopOf="@+id/guideline"        app:layout_constraintHorizontal_bias="0.0"        app:layout_constraintLeft_toLeftOf="@+id/guideline3"        app:layout_constraintRight_toRightOf="parent"        app:layout_constraintTop_toTopOf="parent"        app:layout_constraintVertical_bias="0.0"        app:srcCompat="@color/colorAccent" />    <ImageView        android:id="@+id/imageView10"        android:layout_width="0dp"        android:layout_height="0dp"        android:layout_marginBottom="2dp"        android:layout_marginLeft="2dp"        android:layout_marginRight="2dp"        android:layout_marginTop="2dp"        app:layout_constraintHorizontal_bias="0.0"        app:layout_constraintTop_toTopOf="@+id/guideline"        app:layout_constraintVertical_bias="0.0"        app:srcCompat="@color/colorAccent"        app:layout_constraintRight_toRightOf="parent"        app:layout_constraintLeft_toLeftOf="@+id/guideline3"        app:layout_constraintBottom_toTopOf="@+id/guideline2" />    <ImageView        android:id="@+id/imageView11"        android:layout_width="0dp"        android:layout_height="0dp"        android:layout_marginBottom="2dp"        android:layout_marginLeft="2dp"        android:layout_marginRight="2dp"        android:layout_marginTop="2dp"        app:layout_constraintBottom_toBottomOf="parent"        app:layout_constraintHorizontal_bias="0.0"        app:layout_constraintLeft_toLeftOf="@+id/guideline3"        app:layout_constraintRight_toRightOf="parent"        app:layout_constraintTop_toTopOf="@+id/guideline2"        app:layout_constraintVertical_bias="0.0"        app:srcCompat="@color/colorAccent" />    <ImageView        android:id="@+id/imageView9"        android:layout_width="0dp"        android:layout_height="0dp"        android:layout_marginBottom="2dp"        android:layout_marginLeft="2dp"        android:layout_marginRight="2dp"        android:layout_marginTop="2dp"        app:layout_constraintBottom_toBottomOf="parent"        app:layout_constraintHorizontal_bias="0.0"        app:layout_constraintRight_toLeftOf="@+id/guideline3"        app:layout_constraintTop_toTopOf="@+id/guideline2"        app:layout_constraintVertical_bias="0.0"        app:srcCompat="@color/colorAccent"        app:layout_constraintLeft_toLeftOf="@+id/guideline5" />    <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.67" />    <android.support.constraint.Guideline        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:id="@+id/guideline"        android:orientation="horizontal"        app:layout_constraintGuide_percent="0.33" />    <android.support.constraint.Guideline        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:id="@+id/guideline3"        android:orientation="vertical"        app:layout_constraintGuide_percent="0.75" />    <android.support.constraint.Guideline        android:id="@+id/guideline5"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:orientation="vertical"        app:layout_constraintGuide_percent="0.58" />    <android.support.constraint.Guideline        android:id="@+id/guideline6"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:orientation="vertical"        app:layout_constraintGuide_percent="0.41" />    <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.25" />    <ImageView        android:id="@+id/imageView2"        android:layout_width="0dp"        android:layout_height="0dp"        app:srcCompat="@color/colorAccent"        app:layout_constraintRight_toLeftOf="@+id/guideline4"        app:layout_constraintLeft_toLeftOf="parent"        android:layout_marginLeft="2dp"        android:layout_marginRight="2dp"        app:layout_constraintTop_toTopOf="parent"        android:layout_marginTop="2dp"        android:layout_marginBottom="2dp"        app:layout_constraintBottom_toTopOf="@+id/guideline" />    <ImageView        android:id="@+id/imageView4"        android:layout_width="0dp"        android:layout_height="0dp"        app:srcCompat="@color/colorAccent"        app:layout_constraintRight_toLeftOf="@+id/guideline4"        android:layout_marginRight="2dp"        android:layout_marginLeft="2dp"        app:layout_constraintLeft_toLeftOf="parent"        app:layout_constraintTop_toTopOf="@+id/guideline"        android:layout_marginTop="0dp"        android:layout_marginBottom="2dp"        app:layout_constraintBottom_toTopOf="@+id/guideline2"        app:layout_constraintHorizontal_bias="0.0"        app:layout_constraintVertical_bias="0.0" />    <ImageView        android:id="@+id/imageView5"        android:layout_width="0dp"        android:layout_height="0dp"        android:layout_marginBottom="2dp"        app:layout_constraintBottom_toBottomOf="parent"        app:srcCompat="@color/colorAccent"        app:layout_constraintTop_toTopOf="@+id/guideline2"        android:layout_marginTop="2dp"        android:layout_marginLeft="2dp"        app:layout_constraintLeft_toLeftOf="parent"        app:layout_constraintRight_toLeftOf="@+id/guideline4"        android:layout_marginRight="2dp"        app:layout_constraintHorizontal_bias="0.503"        app:layout_constraintVertical_bias="0.505" />    <ImageView        android:id="@+id/imageView6"        android:layout_width="0dp"        android:layout_height="0dp"        app:srcCompat="@color/colorAccent"        app:layout_constraintRight_toLeftOf="@+id/guideline6"        android:layout_marginRight="2dp"        android:layout_marginLeft="2dp"        app:layout_constraintLeft_toLeftOf="@+id/guideline4"        app:layout_constraintTop_toTopOf="@+id/guideline2"        android:layout_marginTop="2dp"        app:layout_constraintBottom_toBottomOf="parent"        android:layout_marginBottom="2dp"        app:layout_constraintHorizontal_bias="0.0"        app:layout_constraintVertical_bias="0.0" />    <ImageView        android:id="@+id/imageView8"        android:layout_width="0dp"        android:layout_height="0dp"        app:srcCompat="@color/colorAccent"        app:layout_constraintRight_toLeftOf="@+id/guideline5"        android:layout_marginRight="2dp"        android:layout_marginLeft="2dp"        app:layout_constraintBottom_toBottomOf="parent"        android:layout_marginBottom="2dp"        app:layout_constraintTop_toTopOf="@+id/guideline2"        android:layout_marginTop="2dp"        app:layout_constraintHorizontal_bias="0.0"        app:layout_constraintVertical_bias="0.0"        app:layout_constraintLeft_toLeftOf="@+id/guideline6" /></android.support.constraint.ConstraintLayout><!-- app:layout_constraintHorizontal_bias 水平偏移量，取值0~1，默认0.5app:layout_constraint本源_to目标="目标id"-->