居中

1浇揩、父容器的居中

image.png

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="@dimen/size_dp_80"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@drawable/bg_white_cir">

    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_marginLeft="@dimen/size_dp_30"
        android:src="@drawable/icon_home_fixed"
        />

</android.support.constraint.ConstraintLayout>

2熊昌、多個控件居中

image.png

實現(xiàn)思路是在鏈頭加上 類似代碼，讓腦袋中抽象的鏈條 用constraintLayout的chain屬性實現(xiàn)

app:layout_constraintHorizontal_chainStyle="packed"

chain 除了鏈條方向有橫向和豎向區(qū)分外湿酸， chain鏈條上的模式有 3種

• spread - 元素將被展開（默認樣式） 婿屹。加權(quán)鏈 - 在spread模式下，如果某些小部件設(shè)置為MATCH_CONSTRAINT推溃，則它們將拆分可用空間
• spread_inside - 類似昂利，但鏈的端點將不會擴展
• packed - 鏈的元素將被打包在一起。 孩子的水平或垂直偏差屬性將影響包裝元素的定位

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="@dimen/size_dp_80"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:background="@drawable/bg_white_cir">

    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@+id/textView"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_chainStyle="packed"
        android:layout_marginLeft="@dimen/size_dp_30"
        android:src="@drawable/icon_home_fixed"
        />
    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toRightOf="@+id/image"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        tools:text="Hello Word"
        />

</android.support.constraint.ConstraintLayout>