ConstraintLayout이 내용을 래핑하지 않습니다.

Question

저는 cardview 내부에 constraintLayout이 있습니다. 단추는 그림과 같이 표 형식으로 정렬됩니다. 그러나 어떤 이유로 공백이 버튼 아래에 표시됩니다. 이 공백을 제거하고 싶습니다. 여기

내가 wrap_content에게 match_parent하기 위해 변화 폭과 높이를 시도

   <android.support.v7.widget.CardView 
     android:id="@+id/cvSpecialisations" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="8dp" 
     app:cardElevation="2dp" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintTop_toBottomOf="@+id/bViewAll"> 

     <android.support.constraint.ConstraintLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"> 


      <TextView 
       android:id="@+id/tvSearchBySpecialisation" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginEnd="8dp" 
       android:layout_marginLeft="8dp" 
       android:layout_marginRight="8dp" 
       android:layout_marginStart="8dp" 
       android:layout_marginTop="8dp" 
       android:text="Search by specialisation" 
       android:textSize="14dp" 
       app:layout_constraintLeft_toLeftOf="parent" 
       app:layout_constraintRight_toRightOf="parent" 
       app:layout_constraintTop_toTopOf="parent" /> 

      <View 
       android:id="@+id/vDividerInSpecialisationCard" 
       style="@style/Divider" 
       android:layout_width="0dp" 
       android:layout_height="1dp" 
       android:layout_marginBottom="8dp" 
       android:layout_marginEnd="8dp" 
       android:layout_marginLeft="8dp" 
       android:layout_marginRight="8dp" 
       android:layout_marginStart="8dp" 
       android:layout_marginTop="8dp" 
       app:layout_constraintBottom_toTopOf="parent" 
       app:layout_constraintHorizontal_bias="1.0" 
       app:layout_constraintLeft_toLeftOf="parent" 
       app:layout_constraintRight_toRightOf="parent" 
       app:layout_constraintTop_toBottomOf="@+id/tvSearchBySpecialisation" 
       app:layout_constraintVertical_bias="0.0" /> 

      <Button 
       android:id="@+id/bSpecialisation1" 
       style="@style/Widget.AppCompat.Button.Borderless" 
       android:layout_width="88dp" 
       android:layout_height="92dp" 
       android:layout_marginLeft="32dp" 
       android:layout_marginStart="32dp" 
       android:drawablePadding="8dp" 
       android:drawableTop="@mipmap/ic_launcher" 
       android:fontFamily="san-serif" 
       android:paddingLeft="-5dp" 
       android:paddingRight="-5dp" 
       android:text="Car" 
       android:textAllCaps="false" 
       android:theme="@style/AppTheme.WhiteButton" 
       app:layout_constraintLeft_toLeftOf="parent" 
       app:layout_constraintTop_toTopOf="@+id/bSpecialisation2" /> 

      <Button 
       android:id="@+id/bSpecialisation2" 
       style="@style/Widget.AppCompat.Button.Borderless" 
       android:layout_width="88dp" 
       android:layout_height="92dp" 
       android:layout_marginEnd="8dp" 
       android:layout_marginLeft="8dp" 
       android:layout_marginRight="8dp" 
       android:layout_marginStart="8dp" 
       android:layout_marginTop="16dp" 
       android:drawablePadding="8dp" 
       android:drawableTop="@mipmap/ic_launcher" 
       android:fontFamily="san-serif" 
       android:paddingLeft="-5dp" 
       android:paddingRight="-5dp" 
       android:text="Car" 
       android:textAllCaps="false" 
       android:theme="@style/AppTheme.WhiteButton" 
       app:layout_constraintLeft_toRightOf="@+id/bSpecialisation1" 
       app:layout_constraintRight_toLeftOf="@+id/bSpecialisation3" 
       app:layout_constraintTop_toBottomOf="@+id/vDividerInSpecialisationCard" /> 

      <Button 
       android:id="@+id/bSpecialisation3" 
       style="@style/Widget.AppCompat.Button.Borderless" 
       android:layout_width="88dp" 
       android:layout_height="92dp" 
       android:layout_marginEnd="32dp" 
       android:layout_marginRight="32dp" 
       android:drawablePadding="8dp" 
       android:drawableTop="@mipmap/ic_launcher" 
       android:fontFamily="san-serif" 
       android:paddingLeft="-5dp" 
       android:paddingRight="-5dp" 
       android:text="Car" 
       android:textAllCaps="false" 
       android:theme="@style/AppTheme.WhiteButton" 
       app:layout_constraintRight_toRightOf="parent" 
       app:layout_constraintTop_toTopOf="@+id/bSpecialisation2" /> 

      <Button 
       android:id="@+id/bSpecialisation4" 
       style="@style/Widget.AppCompat.Button.Borderless" 
       android:layout_width="88dp" 
       android:layout_height="92dp" 
       android:layout_marginEnd="32dp" 
       android:layout_marginRight="32dp" 
       android:drawablePadding="8dp" 
       android:drawableTop="@mipmap/ic_launcher" 
       android:fontFamily="san-serif" 
       android:paddingLeft="-5dp" 
       android:paddingRight="-5dp" 
       android:text="Car" 
       android:textAllCaps="false" 
       android:theme="@style/AppTheme.WhiteButton" 
       app:layout_constraintRight_toRightOf="parent" 
       app:layout_constraintTop_toTopOf="@+id/bSpecialisation5" /> 

      <Button 
       android:id="@+id/bSpecialisation5" 
       style="@style/Widget.AppCompat.Button.Borderless" 
       android:layout_width="88dp" 
       android:layout_height="92dp" 
       android:layout_marginEnd="8dp" 
       android:layout_marginLeft="8dp" 
       android:layout_marginRight="8dp" 
       android:layout_marginStart="8dp" 
       android:layout_marginTop="14dp" 
       android:drawablePadding="8dp" 
       android:drawableTop="@mipmap/ic_launcher" 
       android:fontFamily="san-serif" 
       android:paddingLeft="-5dp" 
       android:paddingRight="-5dp" 
       android:text="Car" 
       android:textAllCaps="false" 
       android:theme="@style/AppTheme.WhiteButton" 
       app:layout_constraintLeft_toRightOf="@+id/bSpecialisation6" 
       app:layout_constraintRight_toLeftOf="@+id/bSpecialisation4" 
       app:layout_constraintTop_toBottomOf="@+id/bSpecialisation2" /> 

      <Button 
       android:id="@+id/bSpecialisation6" 
       style="@style/Widget.AppCompat.Button.Borderless" 
       android:layout_width="88dp" 
       android:layout_height="92dp" 
       android:layout_marginLeft="32dp" 
       android:layout_marginStart="32dp" 
       android:drawablePadding="8dp" 
       android:drawableTop="@mipmap/ic_launcher" 
       android:fontFamily="san-serif" 
       android:paddingLeft="-5dp" 
       android:paddingRight="-5dp" 
       android:text="Car" 
       android:textAllCaps="false" 
       android:theme="@style/AppTheme.WhiteButton" 
       app:layout_constraintLeft_toLeftOf="parent" 
       app:layout_constraintTop_toTopOf="@+id/bSpecialisation5" /> 


     </android.support.constraint.ConstraintLayout> 

    </android.support.v7.widget.CardView> 

XML 코드

Answer 1

때문에 모든 수직 요소의 내용을 포장하지 않습니다 CardView 배치해야한다입니다 "포장 된"사슬.

그래서 추가 한 app:layout_constraintVertical_chainStyle="packed" 및 몇 가지 추가 수직 마진 :

<android.support.v7.widget.CardView 
    android:id="@+id/cvSpecialisations" 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="8dp" 
    app:cardElevation="2dp" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" 
    app:layout_constraintTop_toBottomOf="@+id/bViewAll" > 

    <android.support.constraint.ConstraintLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 

     <TextView 
      android:id="@+id/tvSearchBySpecialisation" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="8dp" 
      android:layout_marginLeft="8dp" 
      android:layout_marginRight="8dp" 
      android:text="Search by specialisation" 
      android:textSize="14dp" 
      app:layout_constraintTop_toTopOf="parent" 
      app:layout_constraintLeft_toLeftOf="parent" 
      app:layout_constraintRight_toRightOf="parent" 
      app:layout_constraintBottom_toTopOf="@+id/vDividerInSpecialisationCard" 
      app:layout_constraintVertical_chainStyle="packed"/> 

     <View 
      android:id="@+id/vDividerInSpecialisationCard" 
      style="@style/Divider" 
      android:layout_width="0dp" 
      android:layout_height="1dp" 
      android:layout_marginTop="8dp" 
      android:layout_marginLeft="8dp" 
      android:layout_marginRight="8dp" 
      android:layout_marginBottom="8dp" 
      app:layout_constraintTop_toBottomOf="@+id/tvSearchBySpecialisation" 
      app:layout_constraintLeft_toLeftOf="parent" 
      app:layout_constraintRight_toRightOf="parent" 
      app:layout_constraintBottom_toTopOf="@+id/bSpecialisation2"/> 

     <Button 
      android:id="@+id/bSpecialisation1" 
      style="@style/Widget.AppCompat.Button.Borderless" 
      android:layout_width="88dp" 
      android:layout_height="92dp" 
      android:layout_marginLeft="32dp" 
      android:drawablePadding="8dp" 
      android:drawableTop="@mipmap/ic_launcher" 
      android:fontFamily="san-serif" 
      android:paddingLeft="-5dp" 
      android:paddingRight="-5dp" 
      android:text="Car" 
      android:textAllCaps="false" 
      android:theme="@style/AppTheme.WhiteButton" 
      app:layout_constraintTop_toTopOf="@+id/bSpecialisation2" 
      app:layout_constraintLeft_toLeftOf="parent" /> 

     <Button 
      android:id="@+id/bSpecialisation2" 
      style="@style/Widget.AppCompat.Button.Borderless" 
      android:layout_width="88dp" 
      android:layout_height="92dp" 
      android:layout_marginTop="16dp" 
      android:layout_marginLeft="8dp" 
      android:layout_marginRight="8dp" 
      android:drawablePadding="8dp" 
      android:drawableTop="@mipmap/ic_launcher" 
      android:fontFamily="san-serif" 
      android:paddingLeft="-5dp" 
      android:paddingRight="-5dp" 
      android:text="Car" 
      android:textAllCaps="false" 
      android:theme="@style/AppTheme.WhiteButton" 
      app:layout_constraintTop_toBottomOf="@+id/vDividerInSpecialisationCard" 
      app:layout_constraintLeft_toRightOf="@+id/bSpecialisation1" 
      app:layout_constraintRight_toLeftOf="@+id/bSpecialisation3" 
      app:layout_constraintBottom_toTopOf="@+id/bSpecialisation5" /> 

     <Button 
      android:id="@+id/bSpecialisation3" 
      style="@style/Widget.AppCompat.Button.Borderless" 
      android:layout_width="88dp" 
      android:layout_height="92dp" 
      android:layout_marginRight="32dp" 
      android:drawablePadding="8dp" 
      android:drawableTop="@mipmap/ic_launcher" 
      android:fontFamily="san-serif" 
      android:paddingLeft="-5dp" 
      android:paddingRight="-5dp" 
      android:text="Car" 
      android:textAllCaps="false" 
      android:theme="@style/AppTheme.WhiteButton" 
      app:layout_constraintTop_toTopOf="@+id/bSpecialisation2" 
      app:layout_constraintRight_toRightOf="parent" /> 

     <Button 
      android:id="@+id/bSpecialisation4" 
      style="@style/Widget.AppCompat.Button.Borderless" 
      android:layout_width="88dp" 
      android:layout_height="92dp" 
      android:layout_marginEnd="32dp" 
      android:layout_marginRight="32dp" 
      android:drawablePadding="8dp" 
      android:drawableTop="@mipmap/ic_launcher" 
      android:fontFamily="san-serif" 
      android:paddingLeft="-5dp" 
      android:paddingRight="-5dp" 
      android:text="Car" 
      android:textAllCaps="false" 
      android:theme="@style/AppTheme.WhiteButton" 
      app:layout_constraintRight_toRightOf="parent" 
      app:layout_constraintTop_toTopOf="@+id/bSpecialisation5" /> 

     <Button 
      android:id="@+id/bSpecialisation5" 
      style="@style/Widget.AppCompat.Button.Borderless" 
      android:layout_width="88dp" 
      android:layout_height="92dp" 
      android:layout_marginTop="14dp" 
      android:layout_marginLeft="8dp" 
      android:layout_marginRight="8dp" 
      android:drawablePadding="8dp" 
      android:drawableTop="@mipmap/ic_launcher" 
      android:fontFamily="san-serif" 
      android:paddingLeft="-5dp" 
      android:paddingRight="-5dp" 
      android:text="Car" 
      android:textAllCaps="false" 
      android:theme="@style/AppTheme.WhiteButton" 
      app:layout_constraintTop_toBottomOf="@+id/bSpecialisation2" 
      app:layout_constraintLeft_toRightOf="@+id/bSpecialisation6" 
      app:layout_constraintRight_toLeftOf="@+id/bSpecialisation4" 
      app:layout_constraintBottom_toBottomOf="parent"/> 

     <Button 
      android:id="@+id/bSpecialisation6" 
      style="@style/Widget.AppCompat.Button.Borderless" 
      android:layout_width="88dp" 
      android:layout_height="92dp" 
      android:layout_marginLeft="32dp" 
      android:drawablePadding="8dp" 
      android:drawableTop="@mipmap/ic_launcher" 
      android:fontFamily="san-serif" 
      android:paddingLeft="-5dp" 
      android:paddingRight="-5dp" 
      android:text="Car" 
      android:textAllCaps="false" 
      android:theme="@style/AppTheme.WhiteButton" 
      app:layout_constraintTop_toTopOf="@+id/bSpecialisation5" 
      app:layout_constraintLeft_toLeftOf="parent" /> 

    </android.support.constraint.ConstraintLayout> 

</android.support.v7.widget.CardView> 

그것과 같아야합니다