【问题标题】:How to make Listview with tablerow如何使用 tablerow 制作 Listview
【发布时间】:2017-05-05 08:16:15
【问题描述】:

我是安卓工作室的新手。 目前我正在制作列表视图,我想制作这样的布局:

这是我现在的代码

 <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 不能做行跨度,所以它没有成功。

有什么简单的方法吗?

【问题讨论】:

  • 很简单,您可以使用LinearLayout 与水平父布局的方向和垂直布局的子。
  • 如果你不介意的话,你能写出示例代码吗?我不太了解方向。

标签: android listview tablelayout tablerow


【解决方案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>

【讨论】:

    【解决方案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>
    

    输出:

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-04-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多