Как правильно создать цепочку в ConstraintLayout, в которой каждое звено цепочки имеет более одного виджета?
Я бы хотел, чтобы цепочка была следующей: (простая кнопка и оценка) === (средняя кнопка и оценка) === (жесткая кнопка и оценка).
Очевидно, что традиционным способом сделать это было бы поместить каждую пару кнопки и текстового представления в свой собственный макет и связать эти макеты в цепочку. Но я так понимаю, что ConstraintLayouts следует избегать этого: никаких макетов внутри макетов, все сглажено. Можно ли это сделать таким образом, или правило «плоской компоновки» просто не работает?
NB: Это упрощено. Моя деятельность на самом деле имеет гораздо больше компонентов в каждой группе, поэтому я ищу общее решение, которое не является специфичным, скажем, для цепочек из 2 компонентов в каждой.
Мой XML (в котором TextViews полностью не ограничены):
<?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_absoluteX="0dp"
tools:layout_editor_absoluteY="25dp">
<Button
android:id="@+id/main_menu_difficulty_hard"
android:layout_height="wrap_content"
android:layout_marginBottom="50dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:paddingEnd="50sp"
android:paddingStart="50sp"
android:text="@string/hard"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="@+id/main_menu_difficulty_medium"
app:layout_constraintVertical_chainStyle="spread_inside"/>
<Button
android:id="@+id/main_menu_difficulty_medium"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:paddingEnd="50sp"
android:paddingStart="50sp"
android:text="@string/medium"
app:layout_constraintBottom_toTopOf="@+id/main_menu_difficulty_hard"
app:layout_constraintTop_toBottomOf="@+id/main_menu_difficulty_easy"
app:layout_constraintVertical_chainStyle="spread_inside"
android:layout_marginLeft="8dp"
app:layout_constraintLeft_toLeftOf="parent"
android:layout_marginRight="8dp"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintHorizontal_bias="0.502"/>
<Button
android:id="@+id/main_menu_difficulty_easy"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="50dp"
android:paddingEnd="50sp"
android:paddingStart="50sp"
android:text="@string/easy"
app:layout_constraintBottom_toTopOf="@+id/main_menu_difficulty_medium"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="spread_inside"/>
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Best score: 20"
tools:layout_editor_absoluteX="16dp"
tools:layout_editor_absoluteY="328dp"/>
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Best score: 20"
tools:layout_editor_absoluteX="16dp"
tools:layout_editor_absoluteY="558dp"/>
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Best score: 20"
tools:layout_editor_absoluteX="16dp"
tools:layout_editor_absoluteY="98dp"/>
</android.support.constraint.ConstraintLayout>