最近项目的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去实现
具体怎么用相信大家都知道了,总结一下:这种实现方式需要修改布局,不够优雅。一般在前两种方式无法实现的情况下才使用。这种实现方式可以实现所有布局分割线。