shape制作出来的虚线

最新推荐文章于 2025-05-10 15:06:27 发布

zmy的momo

最新推荐文章于 2025-05-10 15:06:27 发布

阅读量926

点赞数

本文链接：https://blog.youkuaiyun.com/qq_40584951/article/details/102815460

版权

shape实线
如果要实现肯定会有人说这个简单用view也可以啊我把它的height设置成1dp在给个背景颜色不就可以了吗，说的确实很有道理我也这样做过要是用shape呢？

shape其实就是在drawable下面新建xml文件并且可以实现一些形状的图形，或者是颜色减半的效果，它相比PNG图片占用的空间更小也比自定义View实现的更简单。
1
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">




<stroke
android:width="1dp"
android:dashGap="5dp"
android:dashWidth="5dp" />

<gradient
android:startColor="#ff6677"
android:endColor="@android:color/white"
android:angle="0"></gradient>
</shape>

shape 这个属性来设置你要设置的边框形状：rectangle 矩形（默认）

line：线条

ring：环形

oval：椭圆
corners标签

gradient标签

padding标签

shape虚线：
如果是用shape来实现虚线的话也比较简单：

<?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="#ff6677"
android:dashGap="5dp"
android:dashWidth="5dp" />

</shape>

但是有几个地方我们得搞清楚像：width其实表示的是虚线的宽度 dashGap 表示的是线段与线段之间的间隔而dashwidth表示的是线段之间的宽度，当然重中之重就是 android:layerType=”software”一定要在你使用虚线的地方加上。

竖直的虚线
如果谁前两个用shape很好设置的话这个如果是shape就会有问题了由于宽和高的不确定性导致你用shape来设置的时候就会对它边上的布局有影响这里就必须得自定义View来实现了：

public class JDottedLine extends View {

private Paint mDotPaint;

public JDottedLine(Context context) {
super(context);
initView();
}

public JDottedLine(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
initView();
}

public JDottedLine(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initView();
}

private void initView() {
mDotPaint = new Paint();
mDotPaint.setColor(Color.parseColor("#FF6677")); //画笔颜色
mDotPaint.setStrokeWidth(2); //画笔宽度
// 1、STROKE 描边
// 2、FILL_AND_STROKE 填充内部和描边
// 3、FILL：填充内部
mDotPaint.setStyle(Paint.Style.STROKE);
//1、Cap.BUTT 这条路径结束，而不是超越它。
//2、Cap.ROUND 结束是个半圆
//3、Cap.SQUARE 结束是个方形
mDotPaint.setStrokeCap(Paint.Cap.ROUND);//
//设置抗锯齿
mDotPaint.setAntiAlias(true);
//设置是否抖动
mDotPaint.setDither(true);
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
float startY = getHeight();
float startX = getWidth() / 2;
DashPathEffect dashPathEffect =
new DashPathEffect(new float[]{8, 10, 8, 10}, 0);
mDotPaint.setPathEffect(dashPathEffect);
Path path = new Path();
path.moveTo(startX,0);
path.lineTo(startX,startY);
canvas.drawPath(path,mDotPaint);
}
}

到这基本上我们想要的几种效果就实现了我们只需要加一下background

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">

<View
android:layout_width="match_parent"
android:layout_height="2dp"
android:layout_marginTop="20dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layerType="software"
android:background="@drawable/one" />

<testview.bawei.com.ceshi.JDottedLine
android:layout_marginLeft="100dp"
android:layout_marginTop="20dp"
android:layout_width="2dp"
android:layout_height="60dp" />

</LinearLayout>

https://blog.youkuaiyun.com/ln_zoofa/article/details/61199244

https://blog.youkuaiyun.com/qiaoshi96_bk/article/details/79333309