Android 实现分割线的几种方式

最近项目的UI除了图标是美工做的，其他的都要自己代码实现。所以导致最近创建的drawable资源（selector、layer-list、shape等等）文件特别多。

在这里总结几种实现分割线的方式：

1、使用layer-list实现：

（1）顶部黑色分割线、白色背景

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@android:color/black"/>
    <item android:left="1dp" android:top="1dp" android:right="1dp" android:drawable="@android:color/white"/>
</layer-list>

（2）左边上边右边黑色分割线、白色背景

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@android:color/black"/>
    <item android:left="1dp" android:top="1dp" android:right="1dp" android:drawable="@android:color/white"/>
</layer-list>

layer-list使用总结：没有布局限制，只要是View都有可以通过background设置实现，而且不会干扰到布局，比较通用，我们现在项目用得最多的就是用这种方式实现的。这里有两点需要注意的地方：

第一、当你的背景要设置透明的时候并且需要有边框的时候，这种方式就不适用了。

第二、item标签的width和height属性是API 23（Android 6.0）新增的，对于API23以下的手机是不兼容的，不会报错，但是width和height属性值不起作用。

2、LinearLayout的divider属性：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.cqz.divider.LayerListDividerActivity"
    android:background="@android:color/darker_gray"
    android:padding="16dp"
    android:showDividers="middle"
    android:divider="@drawable/div_linealayout_8dp_transparent"
    >
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/div_top_black_border_while_solid"
        android:text="top border "
        />
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/div_left_top_right_black_border_while_solid"
        android:text="left top right border "
        />

</LinearLayout>

以上布局的实现效果：

LinearLayout的divider使用总结：使用场景比较局限，针对LinearLayout才有，记得设置showDividers属性，其中

middle表示分割线显示在布局子元素的中间，条数=布局子元素数量-1。

beginning表示分割线显示在布局的起始位置，只会画一条。

end表示分割线显示在布局结束位置，只会画一条。

还有shape资源的size属性记得设置。

3、直接用View去实现

具体怎么用相信大家都知道了，总结一下：这种实现方式需要修改布局，不够优雅。一般在前两种方式无法实现的情况下才使用。这种实现方式可以实现所有布局分割线。