ConstraintLayout--使用初始部分

ConstraintLayout–使用初始部分

介绍

ConstraintLayout作为一款可以灵活调整view位置和大小的Viewgroup被Google疯狂推荐，以前创建布局，默认根元素都是LinearLayout,现在是ConstraintLayout了。ConstraintLayout能够以支持库的形式最小支持到API 9，同时也在不断的丰富ConstraintLayout的API和功能。ConstraintLayout在复杂布局中能够有效的，降低布局的层级，提高性能，使用更加灵活。
其实主要的就是理解属性问题啊 理解一下就比较好的进行布局了

layout_constraintLeft_toLeftOf  我的左侧与你的左侧对齐
layout_constraintLeft_toRightOf  我的左侧与你的右侧对齐
layout_constraintRight_toLeftOf 我的右侧与你的左侧对齐
layout_constraintRight_toRightOf 我的右侧与你的右侧对齐
layout_constraintTop_toTopOf 我的顶部与你的顶部对齐
layout_constraintTop_toBottomOf 我的顶部与你的底部对齐 (相当于我在你下面)
layout_constraintBottom_toTopOf 
layout_constraintBottom_toBottomOf
layout_constraintBaseline_toBaselineOf 基线对齐
layout_constraintStart_toEndOf 我的左侧与你的右侧对齐
layout_constraintStart_toStartOf
layout_constraintEnd_toStartOf
layout_constraintEnd_toEndOf

现在的默认布局都是这个了依赖自己看着办
在app组件的Graldle默认都有如下依赖：

//可能版本不一样哦
implementation 'com.android.support.constraint:constraint-layout:1.1.3

使用

先上图片

这是基础的布局可以多加练习进行整理和熟悉
下面的就是代码

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

    <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/top_left"
            android:text="左上"
            app:layout_constraintStart_toStartOf="parent"
            tools:ignore="MissingConstraints"/>

    <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/top_cen"
            android:text="上中"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            tools:ignore="MissingConstraints"/>


    <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/top_right"
            android:text="右上"
            app:layout_constraintEnd_toEndOf="parent"
            tools:ignore="MissingConstraints"/>


    <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/centered_left_cen"
            android:text="左中"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            tools:ignore="MissingConstraints"/>


    <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/centered_left"
            android:text="中左"
            app:layout_constraintRight_toLeftOf="@+id/main_btn_one"
            app:layout_constraintBottom_toBottomOf="@+id/main_btn_one"
    />

    <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/centered_top"
            android:text="中上"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintRight_toLeftOf="@+id/main_btn_one"
            app:layout_constraintBottom_toTopOf="@+id/main_btn_one"

    />

    <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/main_btn_one"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            android:text="居中"/>


    <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/centered_right"
            android:text="中右"
            app:layout_constraintLeft_toRightOf="@+id/main_btn_one"
            app:layout_constraintBottom_toBottomOf="@+id/main_btn_one"
    />

    <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/centered_botm"
            android:text="中下"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/main_btn_one"

    />


    <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/centered_right_cen"
            android:text="右中"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            tools:ignore="MissingConstraints"/>


    <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/bottom_left"
            android:text="左下"
            app:layout_constraintBottom_toBottomOf="parent"
            tools:ignore="MissingConstraints"/>

    <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/bottom_cen"
            android:text="下中"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            tools:ignore="MissingConstraints"/>


    <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/bottom_right"
            android:text="右下"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            tools:ignore="MissingConstraints"/>


</androidx.constraintlayout.widget.ConstraintLayout>

个人问题就没有详细的整理博客可以根据位置文字自己查对应的代码