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

【问题标题】：How to align text view in android list view?如何在android列表视图中对齐文本视图？
【发布时间】：2015-07-15 11:46:03
【问题描述】：

我的列表视图看起来像这样，而且非常糟糕，因为如果名字比姓氏长，文本视图会超过我的日期和前缀 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>

【问题讨论】：

使用带权重的线性布局
试过这个，weightsum不允许我像现在那样在一行中做2行，一切都乱了套。

标签： android android-layout android-listview android-xml

【解决方案1】：

你正在使用相对布局，所以添加：

android:layout_toLeftOf
android:layout_toRightOf

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

【讨论】：

不，因为这样做文本视图会按姓名和姓氏对齐，我希望它们都像列一样排列在一行中
那么你必须将你的姓氏文本视图设置为右对齐：“@id/name”，它们将是相同的长度

【解决方案2】：

这对我来说非常有效::

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

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

【讨论】：

【解决方案3】：

<?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" />

【讨论】：