如何在android中创建带边框的表?

时间:2014-02-28 03:39:41

标签: android android-tablelayout

我想制作如下所示的屏幕:

  

enter image description here

我搜索了互联网,但找不到任何有用的资源。

1 个答案:

答案 0 :(得分:0)

您需要LinearLayout TableRow和ScrollView的组合。研究我的以下代码,

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:orientation="vertical" >

    <TableRow
        android:id="@+id/tbHeader"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/gradient_bg_list_reverse" >

        <TextView
            android:id="@+id/txtPartyID"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight=".20"
            android:padding="5dp"
            android:text="@string/PartyID"
            android:textColor="#FFFFFF"
            android:textSize="10sp" />

        <TextView
            android:id="@+id/txtBookingDate"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight=".20"
            android:padding="5dp"
            android:text="@string/partyDate"
            android:textColor="#FFFFFF"
            android:textSize="10sp" />

        <TextView
            android:id="@+id/txtPartyDate"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight=".20"
            android:padding="5dp"
            android:text="@string/partyDate"
            android:textColor="#FFFFFF"
            android:textSize="10sp" />

        <TextView
            android:id="@+id/txtPartySales"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight=".20"
            android:padding="5dp"
            android:text="@string/partySales"
            android:textColor="#FFFFFF"
            android:textSize="10sp" />

        <TextView
            android:id="@+id/txtOrder"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight=".20"
            android:padding="5dp"
            android:text="@string/partyOrders"
            android:textColor="#FFFFFF"
            android:textSize="10sp" />
    </TableRow>

    <ScrollView
        android:id="@+id/scrollTable"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fillViewport="true"
        android:overScrollMode="never"
        android:scrollbars="vertical" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/gradient_bg_column_normal"
            android:orientation="vertical" >

            <TableRow
                android:id="@+id/tbJan"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:clickable="true"
                android:onClick="partyDetails" >

                <TextView
                    android:id="@+id/txtListPartyID"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight=".20"
                    android:padding="5dp"
                    android:text="@string/PartyID"
                    android:textColor="@color/my_holo_text"
                    android:textSize="10sp" />

                <TextView
                    android:id="@+id/txtListBookingDate"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight=".20"
                    android:padding="5dp"
                    android:text="@string/partyDate"
                    android:textColor="@color/my_holo_text"
                    android:textSize="10sp" />

                <TextView
                    android:id="@+id/txtListPartyDate"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight=".20"
                    android:padding="5dp"
                    android:text="@string/partyDate"
                    android:textColor="@color/my_holo_text"
                    android:textSize="10sp" />

                <TextView
                    android:id="@+id/txtListPartySales"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight=".20"
                    android:padding="5dp"
                    android:text="@string/partySales"
                    android:textColor="@color/my_holo_text"
                    android:textSize="10sp" />

                <TextView
                    android:id="@+id/txtListOrder"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight=".20"
                    android:padding="5dp"
                    android:text="@string/partyOrders"
                    android:textColor="@color/my_holo_text"
                    android:textSize="10sp" />
            </TableRow>
        </LinearLayout>
    </ScrollView>
</LinearLayout>

这将为您提供如下屏幕的输出

  

enter image description here

相关问题