GridView项彼此重叠

Question

请检查我所附的图片。产品名称超过一行时，我将面临此问题。我很困惑，现在该怎么办。

在我的gridview中，我正面临着这个问题。我该如何解决？这是我的gridview xml代码。

<GridView

    android:id="@+id/productGrid"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:numColumns="2"

    android:verticalSpacing="4dp"

    android:horizontalSpacing="3dp"

    android:focusable="true"

    android:stretchMode="columnWidth"

    android:fitsSystemWindows="true">

</GridView>

这是我的网格项xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    xmlns:app="http://schemas.android.com/apk/res-auto">

    <android.support.v7.widget.CardView

        android:id="@+id/card"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        app:cardCornerRadius="8dp"

        app:cardPreventCornerOverlap="true"

        app:contentPadding="8dp">

        <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:orientation="vertical">

            <ImageView

                android:id="@+id/iv_productImage"

                android:layout_width="80dp"

                android:layout_height="80dp"

                android:layout_gravity="center"

                android:src="@drawable/avatar"/>

            <TextView

                android:id="@+id/tv_productName"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_marginTop="8dp"

                android:gravity="center"

                android:layout_gravity="center"

                android:text="Bread Trimmer"

                android:textSize="17sp"

                android:textStyle="bold"/>

这是单个项目。我很困惑我在哪里犯错了。请帮忙。谢谢。

Answer 1

解决方案1您可以将此属性添加到您的&nbsp;tv_productName&nbsp;&nbsp;&nbsp;&nbsp;android:ellipsize="end" &nbsp;&nbsp;&nbsp;&nbsp;android:singleLine="true" &nbsp;&nbsp;&nbsp;&nbsp;android:maxLines="1"此行将...添加到TextView文本的末尾解决方案2将此库用于您的tv_productNameTextViewautofittextview该库适合您的TextView大小，以防止重叠解决方案3这是一个不好的解决方案，但它可以正常工作，您可以将边距添加到父布局（RelativeLayout）android:layout_margin="5dp"

Answer 2

我认为是问题所在。您的文本视图。产品名称。随着产品名称的增加，整个文本视图将被分割并垂直分布。像水钻玫瑰手表一样，手表处于与上面的文字相关的垂直位置，这是造成问题的原因。我猜。尝试使用小文本并检查这是否是问题，如果那是问题，您可以轻松解决它，我想，请让我知道它是否有效。谢谢 。