填充被添加到 CardView 的顶部，TextView 中的文本变得越长

Question

我在 CardView (CV) 内的 ConstraintLayout (CL) 内有一个 TextView。 CL 是 CV 内部的唯一元素，在 CL 内部有几个不同的 ImageView 和 TextView。

文本和图像通过 RecyclerViewAdapter 和 ViewHolder 以编程方式填充。当最后一个 TextView 中的文本变得足够长时，填充开始出现在卡片视图的顶部。

布局xml带测试字符串：

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView 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:id="@+id/viewStopScheduleItem_cardView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="1dp"
    android:clickable="true"
    android:focusable="true"
    app:cardBackgroundColor="@android:color/white"
    app:cardCornerRadius="0dp"
    app:cardElevation="4dp">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/viewStopScheduleItem_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        tools:layout_editor_absoluteX="0dp"
        tools:layout_editor_absoluteY="0dp">

        <ImageView
            android:id="@+id/viewStopScheduleItem_barImageView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:srcCompat="@android:drawable/status_bar_item_background"
            android:layout_marginLeft="8dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            android:layout_marginTop="0dp"
            app:layout_constraintBottom_toBottomOf="parent"
            android:layout_marginBottom="8dp" />

        <ImageView
            android:id="@+id/viewStopScheduleItem_busImageView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:srcCompat="@drawable/ic_directions_bus_white"
            app:layout_constraintLeft_toRightOf="@+id/viewStopScheduleItem_barImageView"
            android:layout_marginLeft="8dp"
            app:layout_constraintTop_toTopOf="@+id/viewStopScheduleItem_barImageView"
            android:layout_marginTop="8dp"
            app:layout_constraintBottom_toBottomOf="@+id/viewStopScheduleItem_barImageView"
            android:layout_marginBottom="8dp" />

        <TextView
            android:id="@+id/viewStopScheduleItem_routeShortNameTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView"
            app:layout_constraintTop_toTopOf="@+id/viewStopScheduleItem_routeLongNameTextView"
            android:layout_marginTop="0dp"
            app:layout_constraintLeft_toRightOf="@+id/viewStopScheduleItem_routeLongNameTextView"
            android:layout_marginLeft="8dp" />

        <TextView
            android:id="@+id/viewStopScheduleItem_routeLongNameTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView"
            app:layout_constraintLeft_toRightOf="@+id/viewStopScheduleItem_busImageView"
            android:layout_marginLeft="8dp"
            app:layout_constraintTop_toTopOf="@+id/viewStopScheduleItem_barImageView"
            android:layout_marginTop="8dp" />

        <TextView
            android:id="@+id/viewStopScheduleItem_stopTime1TextView"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM"
            android:textAlignment="viewStart"
            android:layout_gravity="start"
            app:layout_constraintLeft_toRightOf="@+id/viewStopScheduleItem_busImageView"
            android:layout_marginLeft="8dp"
            android:layout_marginTop="8dp"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/viewStopScheduleItem_routeLongNameTextView"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"/>

    </androidx.constraintlayout.widget.ConstraintLayout>
</androidx.cardview.widget.CardView>

字符串越长，出现的填充就越多。

我试过的：

将 CV 和 CL 的填充和边距都设置为零，
搞乱了所有元素的高度，文本视图的高度越小，padding 越小，但是完整的字符串不可见。
将视图和布局的高度设置为 match_parent 和 wrap_content 但没有成功。
设置 CV 和 CL 的重力开始和顶部。

那么，如何去掉填充？

我附上了设计的屏幕截图

导致填充的长字符串

没有填充的短字符串

Answer 1

如果你想删除 padding_top，你必须像这样更改你的 layout_constraint :

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView 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:id="@+id/viewStopScheduleItem_cardView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="1dp"
    android:clickable="true"
    android:focusable="true"
    app:cardBackgroundColor="@android:color/white"
    app:cardCornerRadius="0dp"
    app:cardElevation="4dp">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/viewStopScheduleItem_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        tools:layout_editor_absoluteX="0dp"
        tools:layout_editor_absoluteY="0dp">

        <ImageView
            android:id="@+id/viewStopScheduleItem_barImageView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:srcCompat="@android:drawable/status_bar_item_background"
            android:layout_marginLeft="8dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            android:layout_marginTop="0dp"
            app:layout_constraintBottom_toBottomOf="parent"
            android:layout_marginBottom="8dp" />

        <ImageView
            android:id="@+id/viewStopScheduleItem_busImageView"
            android:layout_width="32dp"
            android:layout_height="32dp"
            app:srcCompat="@drawable/status_bar_item_background"
            app:layout_constraintLeft_toRightOf="@+id/viewStopScheduleItem_barImageView"
            android:layout_marginLeft="8dp"
            app:layout_constraintTop_toTopOf="@+id/viewStopScheduleItem_barImageView"
            android:layout_marginTop="8dp"
            app:layout_constraintBottom_toBottomOf="@+id/viewStopScheduleItem_barImageView"
            android:layout_marginBottom="8dp" />

        <TextView
            android:id="@+id/viewStopScheduleItem_routeShortNameTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView"
            app:layout_constraintTop_toTopOf="parent" \
            android:layout_marginTop="8dp"
            app:layout_constraintLeft_toRightOf="@+id/viewStopScheduleItem_routeLongNameTextView"
            android:layout_marginLeft="8dp" />

        <TextView
            android:id="@+id/viewStopScheduleItem_routeLongNameTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView"
            app:layout_constraintLeft_toRightOf="@+id/viewStopScheduleItem_busImageView"
            android:layout_marginLeft="8dp"
            app:layout_constraintTop_toTopOf="parent" \
            android:layout_marginTop="8dp" />

        <TextView
            android:id="@+id/viewStopScheduleItem_stopTime1TextView"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:
            29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 9 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:9 PM 1:
            29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:9 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1
            :29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:9 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:
            9 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:9 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29
             PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:9 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29
             PM 1:9 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:9 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM
             1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM"
            android:textAlignment="viewStart"
            android:layout_gravity="start"
            app:layout_constraintLeft_toRightOf="@+id/viewStopScheduleItem_busImageView"
            android:layout_marginLeft="8dp"
            android:layout_marginTop="8dp"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/viewStopScheduleItem_routeLongNameTextView"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"/>

    </androidx.constraintlayout.widget.ConstraintLayout>
</androidx.cardview.widget.CardView>

Answer 2

@TheHeuman， MohammadRexa Abiri 的回答将解决您的问题，但您似乎可以进一步清理 xml 文件。请查看下方 xml 和随附的屏幕截图。

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView                  
  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:id="@+id/viewStopScheduleItem_cardView"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_marginBottom="1dp"
  android:clickable="true"
  android:focusable="true"
  app:cardBackgroundColor="@android:color/white"
  app:cardCornerRadius="0dp"
  app:cardElevation="4dp">

  <androidx.constraintlayout.widget.ConstraintLayout
    android:id="@+id/viewStopScheduleItem_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="8dp">

    <ImageView
      android:id="@+id/viewStopScheduleItem_barImageView"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      app:layout_constraintLeft_toLeftOf="parent"
      app:layout_constraintTop_toTopOf="parent"
      app:srcCompat="@android:drawable/status_bar_item_background" />

    <ImageView
      android:id="@+id/viewStopScheduleItem_busImageView"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginStart="8dp"
      app:layout_constraintStart_toEndOf="@+id/viewStopScheduleItem_barImageView"
      app:layout_constraintTop_toTopOf="parent"
      tools:background="@android:color/black"
      tools:layout_height="48dp"
      tools:layout_width="48dp" />

    <TextView
      android:id="@+id/viewStopScheduleItem_routeShortNameTextView"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginStart="8dp"
      app:layout_constraintLeft_toRightOf="@+id/viewStopScheduleItem_routeLongNameTextView"
      app:layout_constraintTop_toTopOf="@+id/viewStopScheduleItem_routeLongNameTextView"
      tools:text="TextView" />

    <TextView
      android:id="@+id/viewStopScheduleItem_routeLongNameTextView"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginStart="8dp"
      app:layout_constraintStart_toEndOf="@+id/viewStopScheduleItem_busImageView"
      app:layout_constraintTop_toTopOf="parent"
      tools:text="TextView" />

    <TextView
      android:id="@+id/viewStopScheduleItem_stopTime1TextView"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_marginStart="8dp"
      android:gravity="start"
      android:layout_marginTop="8dp"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toEndOf="@+id/viewStopScheduleItem_busImageView"
      app:layout_constraintTop_toBottomOf="@+id/viewStopScheduleItem_routeLongNameTextView"
      tools:text="1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM 1:29 PM" />

  </androidx.constraintlayout.widget.ConstraintLayout>
</androidx.cardview.widget.CardView>

填充被添加到 CardView 的顶部，TextView 中的文本变得越长

Padding being added to the top of CardView the longer the text in a TextView becomes

android

android-layout

android-cardview

android-constraintlayout