使用scrollView和Constraint布局的奇怪输出

Question

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

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar2" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:background="?attr/colorPrimary" 
     android:minHeight="?attr/actionBarSize" 
     android:theme="?attr/actionBarTheme" 
     android:layout_marginRight="0dp" 
     app:layout_constraintRight_toRightOf="parent" 
     android:layout_marginLeft="0dp" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintTop_toTopOf="parent" 
     android:layout_marginTop="0dp" /> 


    <ScrollView 
     android:id="@+id/scrollView" 
     android:layout_width="368dp" 
     android:layout_height="wrap_content" 
     android:layout_marginRight="0dp" 
     app:layout_constraintRight_toRightOf="parent" 
     android:layout_marginTop="8dp" 
     app:layout_constraintTop_toBottomOf="@+id/toolbar2" 
     android:layout_marginLeft="8dp" 
     app:layout_constraintLeft_toLeftOf="parent"> 

     <android.support.constraint.ConstraintLayout 
      android:layout_marginEnd="8dp" 
      android:layout_marginRight="8dp" 
      app:layout_constraintRight_toRightOf="parent" 
      app:layout_constraintLeft_toLeftOf="parent" 
      android:id="@+id/constraint_layout" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="@dimen/activity_horizontal_margin"> 

      <TextView 
       android:id="@+id/textView5" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginLeft="8dp" 
       android:layout_marginStart="8dp" 
       android:paddingBottom="4dp" 
       android:paddingTop="4dp" 
       android:text="Customer Name" 
       android:textAppearance="@style/TextAppearance.AppCompat.Medium" 
       android:textColor="@color/black" 
       app:layout_constraintBaseline_toBaselineOf="@+id/customer_name" 
       app:layout_constraintLeft_toLeftOf="parent" /> 


      <EditText 
       android:id="@+id/customer_name" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginLeft="8dp" 
       android:layout_marginRight="0dp" 
       android:layout_marginTop="0dp" 
       android:ems="10" 
       android:hint="Name" 
       android:inputType="textPersonName" 
       app:layout_constraintLeft_toRightOf="@+id/textView5" 
       app:layout_constraintRight_toRightOf="parent" 
       app:layout_constraintTop_toTopOf="parent" /> 
    </android.support.constraint.ConstraintLayout> 

</ScrollView> 

请检查图片的输出。

双方的内容都不在屏幕上。我不是为什么？我甚至指定左右边距16dp（8dp + 8dp）。但我认为它没有解决问题。 它为什么表现怪异？是否因为我正在测试Android版本4.2.1？ 还是有什么理由？

OS- 4.2.1

我已在5.1.1上检查过，它工作正常。

Answer 1

的输出是这样的，因为：

1. 否android:orientation在ConstraintLayout指定（默认为"horizontal"）

2. 的android:layout_width值被设置为"wrap_content"

为您提供三种解决方案：

1. 变化android:orientation在ConstraintLayout到"vertical"并设置TextView和EditText的android:layout_width到match_parent

2. 设置你的两个意见的android:layout_width到0dp，然后用android:weight。

3. （最好的解决方案）删除TextView，设置EditText到match_parent的android:layout_width。然后在EditText这样使用android:hint：

   android:hint = "Customer Name" 
   

Answer 2

擦除android:layout_marginTop="@dimen/activity_horizontal_margin"出现在第二ConstraintLayout。