Dynamically generated line with glow effective
I imitate this effect in this way :
- Draw line with
BlurMaskFilter
; - Draw over it normal line.
I use Path class to generate line and save coordinates of MOVE_ACTION
event to generate only part of path what i need.
Create 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));
And draw twice my Path()
:
@Overrideprotected void onDraw(Canvas canvas) { canvas.drawPath(mPath, _paintBlur); canvas.drawPath(mPath, _paintSimple);}