chain_wrap_content.xml

<View
    android:id="@+id/black_rectangle"
    android:layout_width="70dp"
    android:layout_height="40dp"
    android:layout_marginTop="8dp"
    android:background="@drawable/black_selected_rectangle"
    app:layout_constraintEnd_toStartOf="@id/green_rectangle"
    app:layout_constraintHorizontal_chainStyle="spread_inside"
    app:layout_constraintStart_toStartOf="@id/begin_margin"
    app:layout_constraintTop_toBottomOf="@id/color_title" />

<View
    android:id="@+id/green_rectangle"
    android:layout_width="70dp"
    android:layout_height="40dp"
    android:background="@drawable/green_rectangle"
    app:layout_constraintEnd_toStartOf="@id/purple_rectangle"
    app:layout_constraintStart_toEndOf="@id/black_rectangle"
    app:layout_constraintTop_toTopOf="@id/black_rectangle" />

<View
    android:id="@+id/purple_rectangle"
    android:layout_width="70dp"
    android:layout_height="40dp"
    android:background="@drawable/purple_rectangle"
    app:layout_constraintEnd_toStartOf="@id/yellow_rectangle"
    app:layout_constraintStart_toEndOf="@id/green_rectangle"
    app:layout_constraintTop_toTopOf="@id/black_rectangle" />

<View
    android:id="@+id/yellow_rectangle"
    android:layout_width="70dp"
    android:layout_height="40dp"
    android:background="@drawable/yellow_rectangle"
    app:layout_constraintEnd_toEndOf="@id/end_margin"
    app:layout_constraintStart_toEndOf="@id/purple_rectangle"
    app:layout_constraintTop_toTopOf="@id/black_rectangle" />