Android表格布局对齐

Question

我正在使用表格布局来显示数据,如下所示.

我想做的事 ？

我希望第二列中的文本对齐到左侧,文本应该换行并显示在下一行中,并且如图所示.

码:

    <TableLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/tableLayout1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <TableRow
            android:id="@+id/tableRow2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingBottom="10dp" >

            <ImageView
                android:id="@+id/place_category_icon"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:contentDescription="ss"
                android:paddingRight="10dp"
                android:src="@drawable/icon_category"
                android:textAlignment="textStart" />

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_gravity="center"
                android:text="230 kms"
                android:textSize="16sp" >
            </TextView>
        </TableRow>

        <TableRow
            android:id="@+id/tableRow2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingBottom="10dp" >

            <ImageView
                android:id="@+id/place_category_icon"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:contentDescription="ss"
                android:paddingRight="10dp"
                android:src="@drawable/icon_category"
                android:textAlignment="textStart" />

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_gravity="center"
                android:text="Hill Station, Wild Life"
                android:textSize="16sp" >
            </TextView>
        </TableRow>

        <TableRow
            android:id="@+id/tableRow2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingBottom="10dp" >

            <ImageView
                android:id="@+id/place_category_icon"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:contentDescription="ss"
                android:paddingRight="10dp"
                android:src="@drawable/icon_category"
                android:textAlignment="textStart" />

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_gravity="center"
                android:text="Summer 23-40°C, Winter 10-32°C"
                android:textSize="16sp" >
            </TextView>
        </TableRow>

        <TableRow
            android:id="@+id/tableRow2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingBottom="10dp" >

            <ImageView
                android:id="@+id/place_category_icon"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:contentDescription="ss"
                android:paddingRight="10dp"
                android:src="@drawable/icon_category"
                android:textAlignment="textStart" />

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_gravity="center"
                android:text="Tippus Drop, Tippus Summer Residence, Brahmashram, Cycling, Paragliding"
                android:textSize="16sp" >
            </TextView>
        </TableRow>
    </TableLayout>

应该是什么样的

Answer 1

我能想到的最简单的方法是将每个TableRowLinearLayout这样的方式包装每个内容：

\n\n

<TableLayout\n        xmlns:android="http://schemas.android.com/apk/res/android"\n        android:id="@+id/tableLayout1"\n        android:layout_width="match_parent"\n        android:layout_height="match_parent" >\n\n        <TableRow\n            android:id="@+id/tableRow2"\n            android:layout_width="match_parent"\n            android:layout_height="wrap_content"\n            android:paddingBottom="10dp" >\n\n            <LinearLayout\n                android:layout_width="wrap_content"\n                android:layout_height="match_parent" >\n\n                <ImageView\n                    android:id="@+id/place_category_icon"\n                    android:layout_width="wrap_content"\n                    android:layout_height="wrap_content"\n                    android:layout_centerVertical="true"\n                    android:contentDescription="ss"\n                    android:paddingRight="10dp"\n                    android:src="@drawable/ic_launcher" />\n\n                <TextView\n                    android:id="@+id/textView2"\n                    android:layout_width="wrap_content"\n                    android:layout_height="wrap_content"\n                    android:layout_centerVertical="true"\n                    android:layout_gravity="center"\n                    android:text="230 kms"\n                    android:textSize="16sp" >\n                </TextView>\n            </LinearLayout>\n        </TableRow>\n\n        <TableRow\n            android:id="@+id/tableRow2"\n            android:layout_width="match_parent"\n            android:layout_height="wrap_content"\n            android:paddingBottom="10dp" >\n\n            <LinearLayout\n                android:layout_width="wrap_content"\n                android:layout_height="match_parent" >\n\n                <ImageView\n                    android:id="@+id/place_category_icon"\n                    android:layout_width="wrap_content"\n                    android:layout_height="wrap_content"\n                    android:layout_centerVertical="true"\n                    android:contentDescription="ss"\n                    android:paddingRight="10dp"\n                    android:src="@drawable/ic_launcher" />\n\n                <TextView\n                    android:id="@+id/textView2"\n                    android:layout_width="wrap_content"\n                    android:layout_height="wrap_content"\n                    android:layout_centerVertical="true"\n                    android:layout_gravity="center"\n                    android:text="Hill Station, Wild Life"\n                    android:textSize="16sp" >\n                </TextView>\n            </LinearLayout>\n        </TableRow>\n\n        <TableRow\n            android:id="@+id/tableRow2"\n            android:layout_width="match_parent"\n            android:layout_height="wrap_content"\n            android:paddingBottom="10dp" >\n\n            <LinearLayout\n                android:layout_width="wrap_content"\n                android:layout_height="match_parent" >\n\n                <ImageView\n                    android:id="@+id/place_category_icon"\n                    android:layout_width="wrap_content"\n                    android:layout_height="wrap_content"\n                    android:layout_centerVertical="true"\n                    android:contentDescription="ss"\n                    android:paddingRight="10dp"\n                    android:src="@drawable/ic_launcher" />\n\n                <TextView\n                    android:id="@+id/textView2"\n                    android:layout_width="wrap_content"\n                    android:layout_height="wrap_content"\n                    android:layout_centerVertical="true"\n                    android:layout_gravity="center"\n                    android:text="Summer 23-40\xc2\xb0C, Winter 10-32\xc2\xb0C"\n                    android:textSize="16sp" >\n                </TextView>\n            </LinearLayout>\n        </TableRow>\n\n        <TableRow\n            android:id="@+id/tableRow2"\n            android:layout_width="match_parent"\n            android:layout_height="wrap_content"\n            android:paddingBottom="10dp" >\n\n            <LinearLayout\n                android:layout_width="wrap_content"\n                android:layout_height="match_parent" >\n\n                <ImageView\n                    android:id="@+id/place_category_icon"\n                    android:layout_width="wrap_content"\n                    android:layout_height="wrap_content"\n                    android:layout_centerVertical="true"\n                    android:contentDescription="ss"\n                    android:paddingRight="10dp"\n                    android:src="@drawable/ic_launcher" />\n\n                <TextView\n                    android:id="@+id/textView2"\n                    android:layout_width="wrap_content"\n                    android:layout_height="wrap_content"\n                    android:layout_centerVertical="true"\n                    android:layout_gravity="center"\n                    android:text="Tippus Drop, Tippus Summer Residence, Brahmashram, Cycling, Paragliding"\n                    android:textSize="16sp" >\n                </TextView>\n            </LinearLayout>\n        </TableRow>\n    </TableLayout>\n

\n\n

这是结果：

\n\n

\n\n

希望我正确理解您的要求。

\n