当在 ConstraintLayout 中添加约束，使两个 View 水平排布时，如下：

xml

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

    <Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@id/btn2"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="World"
        app:layout_constraintLeft_toRightOf="@id/btn1"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

在默认情况下，子 View 会均匀分布空余空间。如果想让两个 View 挨在一起，或者分布在两侧，则可以通过app:layout_constraintHorizontal_chainStyle（水平方向）或app:layout_constraintVertical_chainStyle（竖直方向）属性设置链式布局的样式。

链式布局

ConstraintLayout 提供了 "链" 的功能，用于在布局中将多个视图连接在一起，并控制它们的排列方式和空间分配。链是由一组视图组成的，这些视图通过约束连接在一起，并在水平或垂直方向上形成一个连续的布局。可以在链中设置视图的排列方式，使其根据不同的需求进行均匀分布、紧密排列或其他布局效果。

链式布局的三种样式

1. spread（默认值）：

   • 视图在链中均匀分布，链中的所有视图会占用可用的空间，并且彼此之间的间隔是相等的。
     适用于希望链中的视图均匀分布且填满整个可用空间的场景：
     app:layout_constraintHorizontal_chainStyle="spread"
   • spread

2. spread_inside：

   • 视图在链中均匀分布，但第一个视图和最后一个视图的边缘与父布局的边缘对齐，视图之间的间隔是相等的。
     适用于希望链中的视图均匀分布但保留两端边距的场景：
     app:layout_constraintHorizontal_chainStyle="spread_inside"
   • spread_inside

3. packed：

   • 视图在链中紧密排列，链中的所有视图靠在一起，不均匀地分布在父布局中。可以选择性地使用 layout_constraintHorizontal_bias 来调整视图在链中的相对位置。
     适用于希望链中的视图紧密排列在链中间或链的一侧的场景：
     app:layout_constraintHorizontal_chainStyle="packed"
   • packed