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张图片

更多相关文章

随机推荐