Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Fill Sine Graph Android

I have this code:

public class TestView extends View {

private Path mPath;
private Paint mPaint = new Paint();

public TestView(Context context) {
    this(context, null);
}

public TestView(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
}

public TestView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    mPath = new Path();
    mPath.moveTo(0, 0);
    mPath.quadTo(50, -50, 100, 0);
    mPath.quadTo(150, 50, 200, 0);
    mPath.quadTo(250, -50, 300, 0);
    mPath.quadTo(350, 50, 400, 0);
    mPath.quadTo(450, -50, 500, 0);
}

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    canvas.save();
    canvas.translate(0, getMeasuredHeight() / 2F);
    // just making sure to clip starting and ending curve
    canvas.clipRect(50, -100, 450, 100, Region.Op.INTERSECT);
    canvas.drawPath(mPath, mPaint);
    canvas.restore();
}
}

That produces this:

enter image description here

But I want this (pardon my Paint skills):

enter image description here

Any help on filling area under this sine curve will be appreciated.

like image 558
M-WaJeEh Avatar asked Feb 14 '23 22:02

M-WaJeEh


2 Answers

change your values to

mPath.moveTo(0,100);
mPath.quadTo(50, -50, 100, 0);
mPath.quadTo(150, 50, 200, 0);
mPath.quadTo(250, -50, 300, 0);
mPath.quadTo(350, 50, 400, 0);
mPath.quadTo(450, -50, 500, 100);
like image 94
Ahmad Dwaik 'Warlock' Avatar answered Feb 27 '23 11:02

Ahmad Dwaik 'Warlock'


Never mind, this produced what I wanted:

    mPath = new Path();
    mPath.moveTo(0, 0);
    mPath.quadTo(50, -100, 100, -50);
    mPath.quadTo(150, -0, 200, -50);
    mPath.quadTo(250, -100, 300, -50);
    mPath.quadTo(350, -0, 400, -50);
    mPath.quadTo(450, -100, 500, -0);
    mPath.close();

enter image description here

like image 22
M-WaJeEh Avatar answered Feb 27 '23 10:02

M-WaJeEh