Question

您好我已经制作了自定义列表视图，其中行项目布局中的每一行都有三个文本视图。我从服务器获取数据并显示在列表视图中。当第一个textview中有大量文本时，第一个textview开始重叠其他两个textview。我希望所有的文本视图都在一行中。我该怎么做？

这是我的listview行项目布局：

     <?xml version="1.0" encoding="utf-8"?>
<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="wrap_content"
    android:padding="8dp">

    <TextView
        android:id="@+id/ingredientName"
        style="@style/MyTextFont"

        android:lines="3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="28dp"
        android:layout_marginTop="16dp"
        android:text="TextView"
        android:ellipsize="none"
        android:scrollHorizontally="false"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/quantity"
        style="@style/MyTextFont"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="2dp"

        android:layout_marginStart="8dp"
        android:layout_marginTop="16dp"
        android:text="TextView"
        app:layout_constraintEnd_toStartOf="@+id/measureTv"
        app:layout_constraintHorizontal_bias="0.94"
        app:layout_constraintStart_toEndOf="@+id/ingredientName"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/measureTv"
        style="@style/MyTextFont"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="16dp"
        android:layout_marginTop="16dp"
        android:text="TextView"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>

Answer 1

您应该在TextView标记中使用以下属性。

android:maxLines="1"
android:ellipsize="end"

或

如果您想要从右向左滚动文本 TextView（查看完整的文字），请尝试使用以下代码： -
 android:ellipsize="marquee"

Answer 2

您可以使用LinearLayout代替ConstraintLayout layout_weight。

        <?xml version="1.0" encoding="utf-8"?>
        <LinearLayout 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="wrap_content"
            android:orientation="vertical"
            android:padding="8dp">

            <TextView
                android:id="@+id/ingredientName"
                style="@style/MyTextFont"
                android:lines="3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="28dp"
                android:layout_marginTop="16dp"
                android:text="TextView"
                android:ellipsize="none"
                android:scrollHorizontally="false"
                android:layout_weight:"1"

 />

            <TextView
                android:id="@+id/quantity"
                style="@style/MyTextFont"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginEnd="2dp"

                android:layout_marginStart="8dp"
                android:layout_marginTop="16dp"
                android:text="TextView"
                android:layout_weight:"1" />

            <TextView
                android:id="@+id/measureTv"
                style="@style/MyTextFont"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginEnd="16dp"
                android:layout_marginTop="16dp"
                android:text="TextView"
                android:layout_weight:"1"/>
        </LinearLayout>

Answer 3

使用constrainLayouts时，如果要对两边进行约束，请确保将宽度或高度设为0dp。

在你的情况下，textview是包装内容，它将与其他文本视图重叠，无论如何，只需将其更改为0dp，它将完美地工作。

制作约束将导致多行文本，如果你不想在textview中定义maxLines并使用ellipse end

<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="wrap_content"
android:padding="8dp">

<TextView
    android:id="@+id/ingredientName"

    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="28dp"
    android:layout_marginTop="16dp"
    android:lines="3"
    android:scrollHorizontally="false"
    android:text="TextVidasdsdadadsadadasdaew"
    app:layout_constraintEnd_toStartOf="@+id/quantity"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<TextView
    android:id="@+id/quantity"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginEnd="2dp"

    android:layout_marginStart="8dp"
    android:layout_marginTop="16dp"
    android:text="TextView"
    app:layout_constraintEnd_toStartOf="@+id/measureTv"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toEndOf="@+id/ingredientName"
    app:layout_constraintTop_toTopOf="parent" />

<TextView
    android:id="@+id/measureTv"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginEnd="16dp"
    android:layout_marginTop="16dp"
    android:text="TextViedssadadasdasdasdasdasdw"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toEndOf="@+id/quantity"
    app:layout_constraintTop_toTopOf="parent" />

在Listview中重叠的文本视图

3 个答案: