android design xml layout alignment （怎么画成那样的）答案

【问题标题】：android design xml layout alignment (how to draw the like that)android design xml layout alignment （怎么画成那样的）
【发布时间】：2013-09-29 02:08:38
【问题描述】：

如何设计如下图：

我的xml结构是：

<Root>

  <other design>

  <need to design as in picture>

</Root>

图片是：

即文本应该左右对齐。

【问题讨论】：

标签： android android-layout android-linearlayout

【解决方案1】：

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="HOUR"
            android:textColor="#C0C0C0" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="$1.80"
            android:textColor="#6686A8" />
    </TableRow>

    <TableRow
        android:id="@+id/tableRow2"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="DAY"
            android:textColor="#C0C0C0" />

        <TextView
            android:id="@+id/textView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="$10.00"
            android:textColor="#6686A8" />
    </TableRow>

    <TableRow
        android:id="@+id/tableRow3"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <TextView
            android:id="@+id/textView5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="WEEK"
            android:textColor="#C0C0C0" />

        <TextView
            android:id="@+id/textView6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="$35.00"
            android:textColor="#6686A8" />
    </TableRow>

    <TableRow
        android:id="@+id/tableRow4"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <TextView
            android:id="@+id/textView7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="MONTH"
            android:textColor="#C0C0C0" />

        <TextView
            android:id="@+id/textView8"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="$105.00"
            android:textColor="#6686A8" />
    </TableRow>

</TableLayout>

【讨论】：

【解决方案2】：

您可以使用TableLayout 来实现这种布局。

【讨论】：