Android表格布局之设置边框

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>

 

 界面效果图