Android表格佈局之設置邊框

Android表格佈局自己沒有邊框,不過能夠經過背景色的設置能夠實現表格邊框的顯示。android

首先能夠設置TableRow的背景色,而後設置內容的背景色。根據它們的顏色差就出現了邊框。只要微調Content與TableRow的margin和pading屬性就能夠了!佈局

調的過程真是煩人!下次不作這種工做了~嗚嗚!難受!spa

貼上佈局代碼:3d

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white" >

    <include layout="@layout/titlebar_home" />

    <TableLayout
        android:id="@+id/table1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dp"
        android:padding="6.5dip" >

        <TableRow
            android:background="@color/jiemianbiankuang"
            android:orientation="horizontal"
            android:paddingLeft="0.5dip"
            android:paddingRight="0.5dip"
            android:paddingTop="1dip" >

            <ImageButton
                android:id="@+id/imageViewMSG"
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:layout_gravity="center_vertical"
                android:layout_marginBottom="0.5dip"
                android:layout_marginLeft="0.5dip"
                android:background="@color/white"
                android:contentDescription="@string/messagecenter"
                android:src="@drawable/msg" />

            <ImageButton
                android:id="@+id/imageView1"
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:layout_gravity="center_vertical"
                android:layout_marginBottom="0.5dip"
                android:layout_marginLeft="0.5dip"
                android:background="@color/white"
                android:src="@drawable/book" />

            <ImageButton
                android:id="@+id/imageView2"
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:layout_gravity="center_vertical"
                android:layout_marginBottom="0.5dip"
                android:layout_marginLeft="0.5dip"
                android:background="@color/white"
                android:src="@drawable/maozi" />
        </TableRow>

        <TableRow
            android:background="@color/jiemianbiankuang"
            android:orientation="horizontal"
            android:paddingLeft="0.5dip"
            android:paddingRight="0.5dip"
            android:paddingTop="0dip" >

            <ImageButton
                android:id="@+id/imageView4"
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:layout_gravity="center_vertical"
                android:layout_marginBottom="0.5dip"
                android:layout_marginLeft="0.5dip"
                android:background="@color/white"
                android:src="@drawable/earth" />

            <ImageButton
                android:id="@+id/imageView5"
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:layout_gravity="center_vertical"
                android:layout_marginBottom="0.5dip"
                android:layout_marginLeft="0.5dip"
                android:background="@color/white"
                android:src="@drawable/unno" />

            <ImageButton
                android:id="@+id/imageView6"
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:layout_gravity="center_vertical"
                android:layout_marginBottom="0.5dip"
                android:layout_marginLeft="0.5dip"
                android:background="@color/white"
                android:src="@drawable/zuoye" />
        </TableRow>
    </TableLayout>

</RelativeLayout>

 

 界面效果圖code

相關文章
相關標籤/搜索