TableLayout 有边框吗？

Question

我正在开发一个 droid 应用程序，我正在使用 TableLayout 但无法让它看起来像我想要的那样。我想要 2 列，一列用于文本，一列用于货币价值，但我无法使它们居中（在表格中）并彼此相邻显示。

我正在努力让它看起来像这样......

http://s2.postimage.org/8wpons46m/whmcs.png

但由于我实际上看不到边界，所以我不知道如何修复它。这就是它目前的样子......

这是我的表格的 XML 布局

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:stretchColumns="0"
    android:background="@drawable/round_table">

    <TableRow>
        <TextView
            android:layout_column="1"
            android:text="Today's Income:"
            android:typeface="sans"
            android:textSize="10sp"
            android:textColor="#000000"
            android:gravity="center"
            android:layout_width="0dip"
            android:padding="3dip" />
        <TextView
            android:text="$0.00 USD"
            android:typeface="sans"
            android:textSize="10sp"
            android:textColor="#000000"
            android:gravity="center"
            android:padding="3dip" />
    </TableRow>

    <View
        android:layout_height="2dip"
        android:background="#000000" />

    <TableRow>
        <TextView
            android:layout_column="1"
            android:text="Monthly Income:"
            android:typeface="sans"
            android:textSize="10sp"
            android:textColor="#000000"
            android:gravity="center"
            android:padding="3dip" />
        <TextView
            android:text="$0.00 USD"
            android:typeface="sans"
            android:textSize="10sp"
            android:textColor="#000000"
            android:gravity="center"
            android:padding="3dip" />
    </TableRow>

    <View
        android:layout_height="2dip"
        android:background="#000000" />

    <TableRow>
        <TextView
            android:layout_column="1"
            android:text="Annual Income:"
            android:typeface="sans"
            android:textSize="10sp"
            android:textColor="#000000"
            android:gravity="center"
            android:padding="3dip" />
        <TextView
            android:text="$0.00 USD"
            android:typeface="sans"
            android:textSize="10sp"
            android:textColor="#000000"
            android:gravity="center"
            android:padding="3dip" />
    </TableRow>

</TableLayout>

Answer 1

使用 layout_weight，下面代码行中的内容应该可以满足您的目的。

<TableRow>
    <TextView
        android:text="Today's Income:"
        android:typeface="sans"
        android:textSize="10sp"
        android:textColor="#000000"
        android:gravity="right"
        android:layout_weight="0.6"
        android:padding="3dip" />
    <TextView
        android:text="$0.00 USD"
        android:typeface="sans"
        android:textSize="10sp"
        android:textColor="#000000"
        android:layout_weight="0.4"
        android:gravity="left"
        android:padding="3dip" />
</TableRow>

<View
    android:layout_height="2dip"
    android:background="#000000" />

<TableRow>
    <TextView
        android:text="Monthly Income:"
        android:typeface="sans"
        android:textSize="10sp"
        android:textColor="#000000"
        android:gravity="right"
        android:layout_weight="0.6"
        android:padding="3dip" />
    <TextView
        android:text="$0.00 USD"
        android:typeface="sans"
        android:textSize="10sp"
        android:textColor="#000000"
        android:gravity="left"
        android:layout_weight="0.4"
        android:padding="3dip" />
</TableRow>

<View
    android:layout_height="2dip"
    android:background="#000000" />

<TableRow>
    <TextView
        android:text="Annual Income:"
        android:typeface="sans"
        android:textSize="10sp"
        android:textColor="#000000"
        android:gravity="right"
        android:layout_weight="0.6"
        android:padding="3dip" />
    <TextView
        android:text="$0.00 USD"
        android:typeface="sans"
        android:textSize="10sp"
        android:textColor="#000000"
        android:gravity="left"
        android:layout_weight="0.4"
        android:padding="3dip" />
</TableRow>