![v2-b142eda20c1d1b2f94a53258cc2909ad_1440w.jpg?source=172ae18b](http://img-03.proxy.5ce.com/view/image?&type=2&guid=4d703016-4230-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-b142eda20c1d1b2f94a53258cc2909ad_1440w.jpg?source=172ae18b)
1. 水平虚线的实现:
在drawable下新建drawable资源 shape_dotted_line.xml
<?xml version="1.0" encoding="utf-8"?>
然后再在xml布局中使用该drawable做背景即可
<View
注: android:layerType="software" 如果不加这个会显示实线
view的高度也要大一点,不然虚线显示不出来
2. 垂直虚线的实现
垂直虚线只需要把水平的旋转一下即可,不过还需要做一下特殊处理
在drawable下新建drawable资源 shape_dotted_line_vertical.xml
<?xml version="1.0" encoding="utf-8"?>
然后再xml布局中使用
<View
注: 如果直接旋转的话,在设置给view的背景后,发现虚线只有一小段。因为他其实是把水平的直接旋转过来的,你宽度设置的还是原来水平的,宽度设置的小的就会出现一小段的情况
通过item的 left 和 right 属性来设置左右偏移,水平的线就可以画出600dp来,然后再旋转成垂直的,这样就可以自由设置view的宽度了
3. 通过canvas绘制
使用path来做 这样可以支持硬件加速
给画笔设置属性
mPaint
DashPathEffect 接受两个参数 一个是float数组,一个是float数
数组代表 实线长度 和 空白长度 ,比如 {15, 5} :就是15像素实线 5 像素空白 为一组;
float数代表 偏移量,如果不断改变这个值 可以让虚线动起来
最后在onDraw里将path画出来
mPath
好了就这些,如有错误还望大佬们指出。
![v2-583969c0d76c6534d9528452b37ed455_b.jpg](http://img-03.proxy.5ce.com/view/image?&type=2&guid=4d703016-4230-eb11-8da9-e4434bdf6706&url=https://pic2.zhimg.com/v2-583969c0d76c6534d9528452b37ed455_b.jpg)
![v2-0274a6abfeeaf782cbe707659198e3b2_b.gif](http://img-02.proxy.5ce.com/view/image?&type=2&guid=4d703016-4230-eb11-8da9-e4434bdf6706&url=https://pic3.zhimg.com/v2-0274a6abfeeaf782cbe707659198e3b2_b.gif)