如何在 android 列表视图中对齐文本视图？

Question

我的列表视图看起来像那样，而且非常糟糕，因为如果姓名长于姓氏，文本视图会超过我的日期和前缀 A，这意味着到达，但如果姓氏长于姓名，则一切正常。但是我在这里问也许有人知道如何对齐它们以使文本视图不会相互重叠？这是我的 xml 单行项目：

    <?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:orientation="vertical">

<TextView android:id="@+id/name"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Sample Data"
          android:textSize="15sp"
          android:paddingBottom="5dp" />

<TextView android:id="@+id/surName"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Sample Data 2"
          android:textSize="15sp"
          android:layout_below="@id/name"
          android:paddingBottom="5dp" />

  <TextView
      android:id="@+id/textA"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_toRightOf="@+id/surName"
      android:paddingBottom="5dp"
      android:paddingLeft="10dp"
      android:paddingRight="5dp"
      android:text="A:"
      android:textSize="15sp" />

<TextView
    android:id="@+id/date"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingBottom="5dp"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:layout_toRightOf="@id/textA"
    android:text="Sample Data 3"
    android:textSize="15sp" />
 <TextView
      android:id="@+id/time"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignBaseline="@+id/surName"
      android:layout_alignBottom="@+id/surName"
      android:layout_alignLeft="@id/date"
      android:paddingBottom="5dp"
      android:paddingLeft="5dp"
      android:paddingRight="5dp"
      android:text="Sample Data 4"
      android:textSize="15sp" />
<TextView
      android:id="@+id/textD"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_toRightOf="@id/date"
      android:paddingBottom="5dp"
      android:paddingLeft="5dp"
      android:paddingRight="5dp"
      android:text="D:"
      android:textSize="15sp" />
 <TextView
    android:id="@+id/date2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingBottom="5dp"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:layout_toRightOf="@id/textD"
    android:text="Sample Data 3"
    android:textSize="15sp" />
 <TextView
      android:id="@+id/time2"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_below="@id/date2"
      android:layout_alignBottom="@id/time"
      android:layout_alignLeft="@id/date2"
      android:paddingBottom="5dp"
      android:paddingLeft="5dp"
      android:paddingRight="5dp"
      android:text="Sample Data 4"
      android:textSize="15sp" />



  </RelativeLayout>

Answer 1

您正在使用相对布局，因此请添加：

android:layout_toLeftOf
android:layout_toRightOf

在您的文本视图中，这样它们就不会相互重叠

Answer 2

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:orientation="vertical">
<LinearLayout 
 android:id="@+id/namesur"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:orientation="vertical"
 >
<TextView android:id="@+id/name"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Sample Data"
            android:layout_weight="1"
          android:textSize="15sp"
          android:paddingBottom="5dp" />

<TextView android:id="@+id/surName"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Sample Data 2"
          android:layout_weight="1"
          android:textSize="15sp"
          android:layout_below="@id/name"
          android:paddingBottom="5dp" />
</LinearLayout>
  <TextView
      android:id="@+id/textA"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_toRightOf="@id/namesur"
      android:paddingBottom="5dp"
      android:paddingLeft="10dp"
      android:paddingRight="5dp"
      android:text="A:"
      android:textSize="15sp" />

<TextView
    android:id="@+id/date"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingBottom="5dp"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:layout_toRightOf="@id/textA"
    android:text="Sample Data 3"
    android:textSize="15sp" />
 <TextView
      android:id="@+id/time"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignBaseline="@id/namesur"
      android:layout_alignBottom="@id/namesur"
      android:layout_alignLeft="@id/date"
      android:paddingBottom="5dp"
      android:paddingLeft="5dp"
      android:paddingRight="5dp"
      android:text="Sample Data 4"
      android:textSize="15sp" />
<TextView
      android:id="@+id/textD"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_toRightOf="@id/date"
      android:paddingBottom="5dp"
      android:paddingLeft="5dp"
      android:paddingRight="5dp"
      android:text="D:"
      android:textSize="15sp" />
 <TextView
    android:id="@+id/date2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingBottom="5dp"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:layout_toRightOf="@id/textD"
    android:text="Sample Data 3"
    android:textSize="15sp" />
 <TextView
      android:id="@+id/time2"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_below="@id/date2"
      android:layout_alignBottom="@id/time"
      android:layout_alignLeft="@id/date2"
      android:paddingBottom="5dp"
      android:paddingLeft="5dp"
      android:paddingRight="5dp"
      android:text="Sample Data 4"
      android:textSize="15sp" />

Answer 3

这非常适合我::

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:padding="5dp"
    android:orientation="horizontal">

    <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:shrinkColumns="*"
        android:stretchColumns="*"
        android:weightSum="2">

        <TableRow android:weightSum="15"
            android:paddingBottom="5dp">

            <TextView
                android:id="@+id/name"
                android:ellipsize="marquee"
                android:maxWidth="120dp"
                android:singleLine="true"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="5"
                android:text="Sample Data"
                android:textSize="15sp" />

            <TextView
                android:id="@+id/textA"
                android:ellipsize="marquee"
                android:singleLine="true"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="2"
                android:text="A:"
                android:textSize="15sp" />

            <TextView
                android:id="@+id/date"
                android:ellipsize="marquee"
                android:maxWidth="90dp"
                android:singleLine="true"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="3"
                android:text="Sample Data 3"
                android:textSize="15sp" />

            <TextView
                android:id="@+id/textD"
                android:ellipsize="marquee"
                android:singleLine="true"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="2"
                android:text="D:"
                android:textSize="15sp" />

            <TextView
                android:id="@+id/date2"
                android:ellipsize="marquee"
                android:maxWidth="90dp"
                android:singleLine="true"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="3"
                android:text="Sample Data 3"
                android:textSize="15sp" />
        </TableRow>

        <TableRow android:weightSum="15"
            android:paddingBottom="5dp">

            <TextView
                android:id="@+id/surName"
                android:ellipsize="marquee"
                android:maxWidth="120dp"
                android:singleLine="true"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="5"
                android:text="Sample Data 2"
                android:textSize="15sp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="2"
                android:ellipsize="marquee"
                android:singleLine="true"
                android:text="  "
                android:textSize="15sp" />

            <TextView
                android:id="@+id/time"
                android:ellipsize="marquee"
                android:maxWidth="90dp"
                android:singleLine="true"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="3"
                android:text="Sample Data 4"
                android:textSize="15sp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="2"
                android:ellipsize="marquee"
                android:singleLine="true"
                android:text="  "
                android:textSize="15sp" />

            <TextView
                android:id="@+id/time2"
                android:ellipsize="marquee"
                android:maxWidth="90dp"
                android:singleLine="true"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="3"
                android:text="Sample Data 4"
                android:textSize="15sp" />
        </TableRow>

    </TableLayout>

</LinearLayout>

我创建了一个包含两行的 table，并使用 weightSum 来调整文本视图的比例。设置 ellipsize="marquee" 和 maxWidth 可确保文本不会与行中的下一项重叠。

如何在 android 列表视图中对齐文本视图？

How to align text view in android list view?

android

android-layout

android-listview

android-xml