一般使用分割线都是直线,今天看到一个使用虚线的,如下图,觉得比直线更美观。

【Android UI】虚线分割线

1.新建资源文件:

在res/drawable中新建bg_dot_line.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line">
    <stroke
        android:width="1dp"
        android:color="#eaeaea"
        android:dashGap="5dp"
        android:dashWidth="5dp"/>
</shape>

2. 在布局文件中:

<!-- 虚线分割 -->
<View
    android:layout_width="match_parent"
    android:layout_height="2dp"
    android:layerType="software"
    android:background="@drawable/bg_dot_line" />

Viewde的背景使用我们刚才自定义的资源文件,需要注意的是 android:layerType=“software” 一定要写,否则显示的还是虚线。这个属性具体原理我也没弄明白,查了一下介绍这个的不多,讲的也是很不清楚,搞明白了再来更新。

相关文章: