zentrale Ausrichtung in constraintLayout

Question

Ich versuchte mit ChainStyle, aber hat nicht funktioniert. Bitte schlagen Sie eine Lösung vor. enter image description here

Ich möchte diese Schaltflächen zentral wie die beiden obigen Textansichten ausrichten. Ich habe hier den Code für die '+3 Punkte'-Schaltfläche angegeben.

Ich möchte dies mit ChainStyle implementieren. Was soll ich dafür tun?

<Button 
     android:id="@+id/points_3A" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_margin="8dp" 
     android:background="#EEEEEE" 
     android:onClick="points3" 
     android:paddingLeft="30dp" 
     android:paddingRight="30dp" 
     android:text="+3 points" 
     app:layout_constraintRight_toLeftOf="@+id/points_3B" 
     app:layout_constraintTop_toBottomOf="@id/team_a_score" 
     app:layout_constraintHorizontal_chainStyle="spread"/> 

    <Button 
     android:id="@+id/points_3B" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_margin="8dp" 
     android:background="#EEEEEE" 
     android:onClick="points3" 
     android:paddingLeft="30dp" 
     android:paddingRight="30dp" 
     android:text="+3 points" 
     app:layout_constraintLeft_toRightOf="@+id/points_3A" 
     app:layout_constraintTop_toBottomOf="@id/team_b_score" /> 

Answer 1

Versuchen Sie, eine Richtlinie wie diese

<?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" 
> 

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Hello World!" 
    app:layout_constraintBottom_toBottomOf="parent" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" 
    app:layout_constraintTop_toTopOf="parent"/> 

<Button 
    android:id="@+id/points_3A" 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:layout_margin="8dp" 
    android:background="#EEEEEE" 
    android:paddingLeft="30dp" 
    android:paddingRight="30dp" 
    app:layout_constraintRight_toLeftOf="@+id/guideline" 
    android:text="+3 points" 
    /> 

<Button 
    android:id="@+id/points_3B" 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:layout_margin="8dp" 
    android:background="#EEEEEE" 
    android:paddingLeft="30dp" 
    android:paddingRight="30dp" 
    android:text="+3 points" 
    app:layout_constraintLeft_toRightOf="@+id/guideline" /> 

<android.support.constraint.Guideline 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/guideline" 
    android:orientation="vertical" 
    app:layout_constraintGuide_percent="0.5" 
    /> 

</android.support.constraint.ConstraintLayout> 

Answer 2

verwenden Sie Guideline mit 50% verwenden können und gebunden dann Tasten der Leitlinie

<android.support.constraint.Guideline 
     android:id="@+id/guidelineHalf" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:orientation="vertical" 
     app:layout_constraintGuide_percent="0.5" /> 

Ihre Tasten jetzt wird sein:

<Button 
     android:id="@+id/points_3A" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_margin="8dp" 
     android:background="#EEEEEE" 
     android:onClick="points3" 
     android:paddingLeft="30dp" 
     android:paddingRight="30dp" 
     android:text="+3 points" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toLeftOf="@+id/guidelineHalf" 
     app:layout_constraintTop_toBottomOf="@id/team_a_score"/> 

    <Button 
     android:id="@+id/points_3B" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_margin="8dp" 
     android:background="#EEEEEE" 
     android:onClick="points3" 
     android:paddingLeft="30dp" 
     android:paddingRight="30dp" 
     android:text="+3 points" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintLeft_toRightOf="@+id/guidelineHalf" 
     app:layout_constraintTop_toBottomOf="@id/team_b_score" /> 

Answer 3

Hier Wie können Sie die ganze Sache tun?

<android.support.constraint.ConstraintLayout xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_height="match_parent"> 


    <Button 
     android:id="@+id/points_3A" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_margin="8dp" 
     android:background="#EEEEEE" 
     android:paddingLeft="30dp" 
     android:paddingRight="30dp" 
     android:text="+3 points" 
     app:layout_constraintRight_toLeftOf="@+id/points_3B" 
     app:layout_constraintLeft_toLeftOf="parent" 
     android:layout_marginLeft="8dp" 
     android:layout_marginTop="8dp" 
     app:layout_constraintTop_toBottomOf="@+id/ta" /> 

    <Button 
     android:id="@+id/points_3B" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_margin="8dp" 
     android:background="#EEEEEE" 
     android:paddingLeft="30dp" 
     android:paddingRight="30dp" 
     android:text="+3 points" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintLeft_toRightOf="@+id/points_3A" 
     android:layout_marginRight="8dp" 
     android:layout_marginTop="8dp" 
     app:layout_constraintTop_toBottomOf="@+id/tb" /> 

    <Button 
     android:id="@+id/points_2A" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_margin="8dp" 
     android:background="#EEEEEE" 
     android:paddingLeft="30dp" 
     android:paddingRight="30dp" 
     android:text="+2 points" 
     app:layout_constraintRight_toLeftOf="@+id/points_2B" 
     app:layout_constraintLeft_toLeftOf="parent" 
     android:layout_marginTop="8dp" 
     app:layout_constraintTop_toBottomOf="@+id/points_3A" /> 

    <Button 
     android:id="@+id/points_2B" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_margin="8dp" 
     android:background="#EEEEEE" 
     android:paddingLeft="30dp" 
     android:paddingRight="30dp" 
     android:text="+2 points" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintLeft_toRightOf="@+id/points_2A" 
     android:layout_marginTop="8dp" 
     app:layout_constraintTop_toBottomOf="@+id/points_3B" /> 

    <Button 
     android:id="@+id/points_FA" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_margin="8dp" 
     android:background="#EEEEEE" 
     android:paddingLeft="30dp" 
     android:paddingRight="30dp" 
     android:text="Free Throw" 
     app:layout_constraintRight_toLeftOf="@+id/points_FB" 
     app:layout_constraintLeft_toLeftOf="parent" 
     android:layout_marginTop="8dp" 
     app:layout_constraintTop_toBottomOf="@+id/points_2A" /> 

    <Button 
     android:id="@+id/points_FB" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_margin="8dp" 
     android:background="#EEEEEE" 
     android:paddingLeft="30dp" 
     android:paddingRight="30dp" 
     android:text="Free Throw" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintLeft_toRightOf="@+id/points_FA" 
     android:layout_marginTop="8dp" 
     app:layout_constraintTop_toBottomOf="@+id/points_2B" /> 

    <TextView 
     android:id="@+id/ta" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="8dp" 
     android:layout_marginTop="8dp" 
     android:padding="8dp" 
     android:text="TeamA\n2" 
     android:textAlignment="center" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toLeftOf="@+id/tb" 
     app:layout_constraintTop_toTopOf="parent" /> 

    <TextView 
     android:id="@+id/tb" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_marginRight="8dp" 
     android:layout_marginTop="8dp" 
     android:padding="8dp" 
     android:text="TeamB\n2" 
     android:textAlignment="center" 
     app:layout_constraintLeft_toRightOf="@+id/ta" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintTop_toTopOf="parent" /> 


</android.support.constraint.ConstraintLayout>