Friday, November 27, 2020

Draw dash line along path, with DashPathEffect

 Draw dash line along path, with DashPathEffect

Create class custom MyView.java

public class MyView extends View {

 Paint paint;

 Path path;

 public MyView(Context context) {

  super(context);

  init();

 }

 public MyView(Context context, AttributeSet attrs) {

  super(context, attrs);

  init();

 }

 public MyView(Context context, AttributeSet attrs, int defStyle) {

  super(context, attrs, defStyle);

  init();

 }

 private void init() {

  paint = new Paint();

  paint.setColor(Color.BLUE);

  paint.setStrokeWidth(10);

  paint.setStyle(Paint.Style.STROKE);

  path = new Path();

  path.moveTo(50, 50);

  path.lineTo(50, 500);

  path.lineTo(200, 500);

  path.lineTo(200, 300);

  path.lineTo(350, 300);

  float[] intervals = new float[]{50.0f, 20.0f};

  float phase = 0;

  DashPathEffect dashPathEffect = 

    new DashPathEffect(intervals, phase);

  paint.setPathEffect(dashPathEffect);

 }

 @Override

 protected void onDraw(Canvas canvas) {

  super.onDraw(canvas);

  canvas.drawPath(path, paint);

 }

}

 

Draw dash line along path, with DashPathEffect

No comments:

Post a Comment