TableLayout设置分隔线

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <com.robot.tongbanjie.widget.TitleBarView
        android:id="@+id/titlebar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <TableLayout
        android:layout_marginTop="30dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:divider="@drawable/table_v_divider"
        android:orientation="vertical"
        android:showDividers="middle|beginning|end">

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:divider="@drawable/table_h_divider"
            android:orientation="horizontal"
            android:showDividers="middle|beginning|end">

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#f8f8f8"
                android:gravity="center"
                android:padding="10dp"
                android:text="转出时间"
                android:textColor="#434343"
                android:textSize="@dimen/table_title_text_size" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="1dp"
                android:layout_weight="1"
                android:background="#f8f8f8"
                android:gravity="center"
                android:padding="10dp"
                android:text="到账时间"
                android:textColor="#434343"
                android:textSize="@dimen/table_title_text_size" />
        </TableRow>

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:divider="@drawable/table_h_divider"
            android:orientation="horizontal"
            android:showDividers="middle|beginning|end">

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="@color/white"
                android:gravity="center"
                android:padding="10dp"
                android:text="周一00:00~15:00"
                android:textColor="#434343"
                android:textSize="@dimen/table_text_size" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="1dp"
                android:layout_weight="1"
                android:background="@color/white"
                android:gravity="center"
                android:padding="10dp"
                android:text="周一23:59前"
                android:textColor="#434343"
                android:textSize="@dimen/table_text_size" />
        </TableRow>

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:divider="@drawable/table_h_divider"
            android:orientation="horizontal"
            android:showDividers="middle|beginning|end">

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="@color/white"
                android:gravity="center"
                android:padding="10dp"
                android:text="周五00:00~15:00"
                android:textColor="#434343"
                android:textSize="@dimen/table_text_size" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="1dp"
                android:layout_weight="1"
                android:background="@color/white"
                android:gravity="center"
                android:padding="10dp"
                android:text="周五23:59前"
                android:textColor="#434343"
                android:textSize="@dimen/table_text_size" />
        </TableRow>
    </TableLayout>
</LinearLayout>

主要使用如下属性:

android:divider="@drawable/shape"<!--分割线图片-->
android:showDividers="middle|beginning|end" <!--分割线位置-->



文件table_v_divider.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <size
        android:height="1dp" />

    <solid android:color="@color/table_divider_color" />

</shape>




文件table_h_divider.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <size
        android:width="1dp" />

    <solid android:color="@color/table_divider_color" />

</shape>


注意:

(1)由于TableLayout和TableRow其实是继承LinearLayout,所以可以照着LinearLayout那样子设置分隔线。

这里设置了,beginning|middle|end的分隔线。

(2)table_h_divider.xml中,由于这个是水平之间的控件的分隔线,所以设置宽度为1dp,但是如何设置高度填充呢,这里无需设置高度就可以了。

(3)在设置分隔线的时候,要注意需要设置设置属性android:orientation="",否则设置的分隔线可能显示不出来。

(4)还可以使用margin来设置分隔线。


当将修改下面的两个文件:

文件table_v_divider.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <size
        android:height="3dp" />

    <solid android:color="@color/table_divider_color" />

</shape>



文件table_h_divider.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <size
        android:width="3dp" />

    <solid android:color="@color/table_divider_color" />

</shape>

效果如图:


TableLayout设置分隔线_第1张图片TableLayout设置分隔线_第2张图片


你可能感兴趣的:(TableLayout设置分隔线)