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

时间:2015-07-15 11:46:04

标签: android android-layout android-listview android-xml

我的列表视图看起来像那样,非常糟糕,因为如果名称长于姓氏文本视图超过我的日期和前缀A这意味着到达,但如果姓氏长于名称,一切都可以。 但是,我在这里问,也许有人知道如何调整它们文本视图不会相互影响? enter image description here 这是我的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>

2 个答案:

答案 0 :(得分:1)

您正在使用相对布局,因此请添加:

android:layout_toLeftOf
android:layout_toRightOf

在你的短信中,所以他们不会互相讨论

答案 1 :(得分:1)

这对我来说很完美::

<?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可确保文本不会重叠到该行的下一个项目中。