Question

我是android studio的新手。目前我正在制作listview，我想制作如下图所示的布局：

这是我现在的代码

 <TableLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true">

    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:weightSum="3">

        <TableLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1.5">

            <TableRow

                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="15dp"
                android:layout_marginLeft="10dp"
                >


                <TextView
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_height="wrap_content"
                    android:textAppearance="?android:attr/textAppearanceMedium"
                    android:text="Type"
                    android:textSize="18dp"
                    android:fontFamily="sans-serif"
                    android:textColor="@color/black"
                    android:id="@+id/tvTipeRequest"
                    android:width="130dp" />
            </TableRow>

            <TableRow
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="10dp"
                >

                <TextView
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_height="wrap_content"
                    android:textAppearance="?android:attr/textAppearanceMedium"
                    android:text="Date"
                    android:fontFamily="sans-serif"
                    android:id="@+id/tvTanggalRequest"
                    android:textSize="15dp"
                    android:width="130dp" />

            </TableRow>


        </TableLayout>

        <TextView
            android:layout_width="1dp"
            android:layout_weight="1"
            android:layout_height="50dp"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textColor="@color/black"
            android:text="Status"
            android:textSize="15dp"
            android:gravity="end"
            android:paddingTop="10dp"
            android:fontFamily="sans-serif"
            android:layout_marginTop="15dp"
            android:id="@+id/tvStatus"
            android:layout_column="38" />

    </TableRow>

</TableLayout>

我意识到tablerow不能进行rowpan，所以它没有成功。

有没有简单的方法呢？

Answer 1

使用此层次结构：

 <LinearLayout
    android:layout_width="match_parent"
    android:orientation="horizontal"
    android:weightSum="1"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="0dp"
        android:layout_weight="0.2"
        android:orientation="vertical"
        android:layout_height="wrap_content">

        <!--ImageView here-->
    </LinearLayout>

    <LinearLayout
        android:layout_width="0dp"
        android:layout_weight="0.8"
        android:orientation="vertical"
        android:layout_height="wrap_content">

        <!--All textViews here-->
    </LinearLayout>

</LinearLayout>

Answer 2

您可以将一个相对布局作为视图容器。那会更有效率。

Read.

<强>布局：

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

    <ImageView
        android:id="@+id/image_view"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_alignParentLeft="true"
        android:layout_marginLeft="16dp"
        android:layout_marginRight="16dp"
        android:layout_marginTop="8dp"
        android:src="@drawable/circle" />

    <TextView
        android:id="@+id/text_view_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/image_view"
        android:text="text_1"
        android:textColor="@android:color/black" />

    <TextView
        android:id="@+id/text_view_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/text_view_1"
        android:layout_toRightOf="@+id/image_view"
        android:text="text_2"
        android:textColor="@android:color/black" />

    <TextView
        android:id="@+id/text_view_3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/text_view_2"
        android:layout_toRightOf="@+id/image_view"
        android:text="text_3"
        android:textColor="@android:color/black" />

    <TextView
        android:id="@+id/text_view_4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/text_view_3"
        android:layout_toRightOf="@+id/image_view"
        android:text="text_4"
        android:textColor="@android:color/black" />
</RelativeLayout>

<强>输出：

如何使用tablerow制作Listview

2 个答案: