android表格布局一个两个(横向和纵向视图)

时间:2010-02-03 10:36:02

标签: android tablelayout

我想创建以下布局,横向格式应为100%,以纵向形式显示。

alt text http://www.freeimagehosting.net/uploads/b12bb68569.png

这是我尝试但不能正常工作的代码

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

<TableRow>
    <TableLayout android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <TableRow>
            <TableLayout android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:orientation="horizontal">
                <TableRow>
                    <TextView android:id="@+id/reviewItemEntityName"
                        android:layout_height="wrap_content" android:text="12345"
                        android:textColor="@color/maroon" />

                    <ImageView android:id="@+id/reviewItemStarRating"
                        android:layout_width="wrap_content" android:layout_height="wrap_content"
                        android:src="@drawable/title_1_star" />
                </TableRow>
            </TableLayout>



        </TableRow>

        <TableRow>

            <TextView android:id="@+id/reviewItemDescription"
                android:layout_width="0dip" android:layout_height="wrap_content"
                android:text="Description comes here" android:textSize="12sp" />
        </TableRow>

    </TableLayout>
    <ImageView android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:src="@drawable/arrow_nxt"
        android:layout_gravity="center_vertical"
        android:layout_alignParentRight="true" />
    </TableRow>
</TableLayout>

1 个答案:

答案 0 :(得分:2)

我认为这就是你要找的东西,记得玩“android:layout_weight”值,它基本上会告诉小部件它们应该扩展多少(使用可用空间)。

玩得开心。

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

<TableRow android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1">
    <TableLayout android:layout_width="fill_parent"
        android:layout_height="fill_parent" 
        android:layout_weight="1">      
        <TableRow>
            <TextView android:text="TextView Up Left" 
                android:id="@+id/TextView01" 
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content"
                android:gravity="left"
                android:layout_weight="1">
            </TextView>
            <ImageView android:id="@+id/ImageView01" 
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content"
                android:src="@android:drawable/btn_plus"
                android:gravity="right">
            </ImageView>
        </TableRow>
        <TableRow>
        <TextView android:text="Text view with padding" 
            android:id="@+id/TextView02" 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" 
            android:paddingBottom="20.0dp" 
            android:paddingLeft="20.0dp" 
            android:paddingRight="20.0dp" 
            android:paddingTop="20.0dp"
            android:layout_weight="1">
        </TextView>
        </TableRow>
    </TableLayout>
    <TableLayout android:id="@+id/TableLayout01" 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent"
        android:layout_weight="0">
        <TableRow android:layout_width="fill_parent" 
            android:layout_height="fill_parent"
            android:layout_weight="1">
        <ImageView android:id="@+id/ImageView02" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"
            android:src="@android:drawable/btn_minus"
            android:layout_gravity="center"
            >
        </ImageView>
        </TableRow>
    </TableLayout>
</TableRow>
</TableLayout>