您的位置: 首页  >  技术问答  >  ConstraintLayout不包装内容

ConstraintLayout不包装内容

分类: 技术问答 • 2022-05-20 13:28:02

ConstraintLayout不包装内容

问题描述：

我有一个卡片视图内的constraintLayout。 如图所示，按网格格式排列按钮。但由于某些原因，空格显示在按钮下方。我想删除这个空白。ConstraintLayout不包装内容

enter image description here

下面是XML代码

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

我试图改变宽度和高度match_parent WRAP_CONTENT

+0

'机器人：layout_height = “match_parent”' –

答

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

它应该看起来像：

View on device

相关推荐