ConstraintLayout在每個鏈鏈接中有多個小部件

Question

在ConstraintLayout中創建鏈的正確方法是什麼？每個鏈鏈接都有多個小部件？

這就是我想要達到的目標：

我想鏈條是：（EASY按鈕&分）===（中鍵&分）===（硬鍵&得分）。

顯然，這樣做的傳統方式是將每個按鈕& textview對放入其自己的佈局中，並鏈接這些佈局。但我的理解是，ConstraintLayouts應該避免這種情況：佈局內部沒有佈局，一切都變平了。可以這樣做，還是「平面佈局」規則不可行？

注：這是簡化的。我的活動實際上在每個組中都有更多的組件，所以我正在尋找一種通用解決方案，它不是特定於每個組件的鏈式鏈接。

我的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> 

Answer 1

那麼，這將幫助：

<?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_width="match_parent" 
     android:layout_marginBottom="8dp" 
     android:layout_marginEnd="8dp" 
     android:layout_marginLeft="8dp" 
     android:layout_marginRight="8dp" 
     android:layout_marginStart="8dp" 
     android:layout_marginTop="8dp" 
     android:paddingEnd="50sp" 
     android:paddingStart="50sp" 
     android:text="@string/hard" 
     app:layout_constraintBottom_toBottomOf="parent" 
     app:layout_constraintEnd_toEndOf="parent" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintStart_toStartOf="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:layout_marginBottom="8dp" 
     android:layout_marginEnd="8dp" 
     android:layout_marginLeft="8dp" 
     android:layout_marginRight="8dp" 
     android:layout_marginStart="8dp" 
     android:layout_marginTop="8dp" 
     android:paddingEnd="50sp" 
     android:paddingStart="50sp" 
     android:text="@string/medium" 
     app:layout_constraintBottom_toBottomOf="parent" 
     app:layout_constraintEnd_toEndOf="parent" 
     app:layout_constraintHorizontal_bias="0.502" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintStart_toStartOf="parent" 
     app:layout_constraintTop_toTopOf="parent" 
     app:layout_constraintVertical_chainStyle="spread_inside" /> 

    <Button 
     android:id="@+id/main_menu_difficulty_easy" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_marginBottom="8dp" 
     android:layout_marginLeft="8dp" 
     android:layout_marginRight="8dp" 
     android:layout_marginTop="8dp" 
     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:layout_marginEnd="8dp" 
     android:layout_marginStart="8dp" 
     android:text="Best score: 20" 
     app:layout_constraintEnd_toEndOf="parent" 
     app:layout_constraintHorizontal_bias="0.028" 
     app:layout_constraintStart_toStartOf="parent" 
     app:layout_constraintTop_toBottomOf="@+id/main_menu_difficulty_medium" /> 

    <TextView 
     android:id="@+id/textView3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginEnd="8dp" 
     android:layout_marginStart="8dp" 
     android:text="Best score: 20" 
     app:layout_constraintEnd_toEndOf="parent" 
     app:layout_constraintHorizontal_bias="0.028" 
     app:layout_constraintStart_toStartOf="parent" 
     app:layout_constraintTop_toBottomOf="@+id/main_menu_difficulty_hard" /> 

    <TextView 
     android:id="@+id/textView2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginEnd="8dp" 
     android:layout_marginStart="16dp" 
     android:text="Best score: 20" 
     app:layout_constraintEnd_toEndOf="parent" 
     app:layout_constraintHorizontal_bias="0.0" 
     app:layout_constraintStart_toStartOf="parent" 
     app:layout_constraintTop_toBottomOf="@+id/main_menu_difficulty_easy" /> 

</android.support.constraint.ConstraintLayout>