Question

我有一个列表视图，我填充了数据，我试图让我的布局看起来像这样：

Desired Layout

有没有办法在使用线性或相对布局时创建它？我尝试使用TableRows，虽然它有效，但是在左侧和右侧划分的列之间留下了一个空隙，它看起来并不吸引人。

不太确定从哪里开始......非常感谢任何帮助。

Answer 1

我正在为一行写一个样本。请参考。

<LinearLayout
    android:id="@+id/line1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <TextView
       android:text="Issue Number"
       android:layout_weight="1.0"
       android:layout_height="wrap_content"
       android:layout_width="0px"
       android:gravity="right"/>

    <TextView
       android:text="6046"
       android:layout_weight="1.0"
       android:layout_height="wrap_content"
       android:layout_width="0px"
       android:gravity="left"/>

 </LinearLayout>

您需要为所有行编写此内容，然后将其括在父LinearLayout下，方向为vertical。

Answer 2

您可以提供一个xml来格式化ListView中的每一行，其中每一行都是一个带有两个TextView的简单水平LinearLayout。

这与以下内容相同：

http://www.heikkitoivonen.net/blog/2009/02/15/multicolumn-listview-in-android/

有关ListViews的更详细的文章：

http://www.vogella.de/articles/AndroidListView/article.html

Answer 3

实际上，您可以通过在单个父LinearLayout中放置2个LinearLayout来实现此目的。父android:orientation应该是水平的。对于每一行，您需要使用此技术。

我确实将这个方法用于我的项目。

Answer 4

我用你的第一行创建了一个布局：

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

<LinearLayout
    android:id="@+id/linearLayout1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:gravity="right"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Issue Number:"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Date Received:"
        android:textAppearance="?android:attr/textAppearanceLarge" />
</LinearLayout>

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="8dp"
    android:layout_toRightOf="@+id/linearLayout1"
    android:gravity="left"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="6,046"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="09/02/2008"
        android:textAppearance="?android:attr/textAppearanceLarge" />
</LinearLayout>

</RelativeLayout>

Android - 将TextViews对齐为表格行

4 个答案: