android - 具有发光效果的动态生成线条

Question

我想用这样的发光效果画线

问题 - 我必须根据用户的交互在程序中生成这一行(行的形式将在 onTouchEvent - ACTION_MOVE 中生成)。

我可以在没有 xml 文件或绘制 premaid 位图的情况下生成这种效果吗？

Answer 1

我是这样模仿这个效果的:

1. 用 BlurMaskFilter 画线;
2. 在它上面画法线。

我使用 Path 类生成线并保存 MOVE_ACTION 事件的坐标，以仅生成我需要的部分路径。

创建2个Paint()s:

_paintSimple = new Paint();
_paintSimple.setAntiAlias(true);
_paintSimple.setDither(true);
_paintSimple.setColor(Color.argb(248, 255, 255, 255));
_paintSimple.setStrokeWidth(20f);
_paintSimple.setStyle(Paint.Style.STROKE);
_paintSimple.setStrokeJoin(Paint.Join.ROUND);
_paintSimple.setStrokeCap(Paint.Cap.ROUND);

_paintBlur = new Paint();
_paintBlur.set(_paintSimple);
_paintBlur.setColor(Color.argb(235, 74, 138, 255));
_paintBlur.setStrokeWidth(30f);
_paintBlur.setMaskFilter(new BlurMaskFilter(15, BlurMaskFilter.Blur.NORMAL)); 

然后画两次我的Path():

@Override
protected void onDraw(Canvas canvas) {
    canvas.drawPath(mPath, _paintBlur);
    canvas.drawPath(mPath, _paintSimple);
}