Warum werden meine TextViews in einem ConstraintLayout früh umbrochen?

Question

Ich habe drei TextViews in einer ConstraintLayout, mit Rändern, um sie alle in der Mitte des Bildschirms zu halten. Aus irgendeinem Grund wird der Text in den TextViews vorzeitig umbrochen, obwohl noch Platz in der ersten Zeile ist. Hier ist, was das Layout sollte aussehen wie in der Vorschau:

Und hier ist, wie es aussieht tatsächlich beim Laufen:

Sie können den zusätzlichen Platz auf dem sehen Recht der TextViews, wo der Text in die erste Zeile passen kann. Beachten Sie, dass sowohl das Gerät als auch die Vorschau für ein Nexus 5X sind.

Hier wird die XML für dieses Layout ist:

<android.support.constraint.ConstraintLayout 
    android:id="@+id/bullet_holder" 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:layout_marginEnd="45dp" 
    android:layout_marginLeft="45dp" 
    android:layout_marginRight="45dp" 
    android:layout_marginStart="45dp" 
    app:layout_constraintBottom_toBottomOf="parent" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" 
    app:layout_constraintTop_toBottomOf="@+id/setup_intro_subheader" 
    app:layout_constraintVertical_bias="0.23000002"> 

    <ImageView 
     android:id="@+id/setup_intro_bullet_first" 
     style="@style/TextAppearance.AppCompat.Headline" 
     android:layout_width="4dp" 
     android:layout_height="4dp" 
     android:baseline="7dp" 
     android:src="@drawable/circle" 
     app:layout_constraintBaseline_toBaselineOf="@+id/setup_intro_bullet_first_text" 
     app:layout_constraintLeft_toLeftOf="parent" /> 

    <TextView 
     android:id="@+id/setup_intro_bullet_first_text" 
     style="@style/TextAppearance.AppCompat.Subhead" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="6dp" 
     android:layout_marginStart="6dp" 
     android:text="@string/setup_intro_benefit_notification" 
     android:textColor="@android:color/white" 
     app:layout_constraintLeft_toRightOf="@+id/setup_intro_bullet_first" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintTop_toTopOf="parent" /> 

    <ImageView 
     android:id="@+id/setup_intro_bullet_second" 
     style="@style/TextAppearance.AppCompat.Headline" 
     android:layout_width="4dp" 
     android:layout_height="4dp" 
     android:baseline="7dp" 
     android:src="@drawable/circle" 
     app:layout_constraintBaseline_toBaselineOf="@+id/setup_intro_bullet_second_text" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toLeftOf="@+id/setup_intro_bullet_second_text" /> 

    <TextView 
     android:id="@+id/setup_intro_bullet_second_text" 
     style="@style/TextAppearance.AppCompat.Subhead" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="6dp" 
     android:layout_marginStart="6dp" 
     android:layout_marginTop="20dp" 
     android:text="@string/setup_intro_benefit_backlog" 
     android:textColor="@android:color/white" 
     app:layout_constraintLeft_toRightOf="@+id/setup_intro_bullet_second" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintTop_toBottomOf="@+id/setup_intro_bullet_first_text" /> 

    <ImageView 
     android:id="@+id/setup_intro_bullet_third" 
     style="@style/TextAppearance.AppCompat.Headline" 
     android:layout_width="4dp" 
     android:layout_height="4dp" 
     android:baseline="7dp" 
     android:src="@drawable/circle" 
     app:layout_constraintBaseline_toBaselineOf="@+id/setup_intro_bullet_third_text" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toLeftOf="@+id/setup_intro_bullet_third_text" /> 

    <TextView 
     android:id="@+id/setup_intro_bullet_third_text" 
     style="@style/TextAppearance.AppCompat.Subhead" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="6dp" 
     android:layout_marginStart="6dp" 
     android:layout_marginTop="20dp" 
     android:text="@string/setup_intro_benefit_browser" 
     android:textColor="@android:color/white" 
     app:layout_constraintLeft_toRightOf="@+id/setup_intro_bullet_third" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintTop_toBottomOf="@+id/setup_intro_bullet_second_text" /> 

</android.support.constraint.ConstraintLayout> 

Answer 1

Für jede Ihrer Textansichten, stellen Sie die folgenden:

android:breakStrategy="simple" 

android:breakStrategy See.

Die tiefere Frage hier ist, warum der Designer etwas anderes als ein Emulator/Gerät standardmäßig zeigt?