Android表格布局之设置边框

浏览数：89 / 时间：2015年06月11日

Android表格布局本身没有边框，不过可以通过背景色的设置可以实现表格边框的显示。

首先可以设置TableRow的背景色，然后设置内容的背景色。根据它们的颜色差就出现了边框。只要微调Content与TableRow的margin和pading属性就可以了！

调的过程真是烦人！下次不做这种工作了~呜呜！难受！

贴上布局代码：

<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>