Drawing shapes

[Akil Kumar]

Hi,

I want to draw three circles with scale on the rim. These three circles will start from the same coordinate but with different radius.
When I run this code the second circle is colliding or overlapping the first one. Can anyone give some idea how to draw these three circles without overlapping each other?

@Override

	protected void onDraw(Canvas canvas){
	Paint myPaint = new Paint();
	myPaint.setStrokeWidth(3);
	myPaint.setColor(Color.BLUE);
	
	myPaint.setAntiAlias(true);
	canvas.drawCircle(175, 175, 25, myPaint);
	
	myPaint.setColor(Color.WHITE);
	myPaint.setAntiAlias(true);
	canvas.drawCircle(175, 175, 75, myPaint);
	
//	myPaint.setAntiAlias(true);
//	canvas.drawCircle(225, 225, 75, myPaint);
	invalidate();
	
	} 

Thanks

[Nidhi Sar]

Akil Kumar wrote:When I run this code the second circle is colliding or overlapping the first one. Can anyone give some idea how to draw these three circles without overlapping each other?

Hi Akil,

Not sure what you mean by colliding or overlapping. Both the circles have the same centre, so of course one is being drawn over the other. If you try this code (same code as yours, Line A just removes the filling from the circle) you can see where they are being drawn:

	@Override
	protected void onDraw(Canvas canvas) {
		Paint myPaint = new Paint();
		myPaint.setStyle(Paint.Style.STROKE);  //Line A
		myPaint.setColor(Color.BLUE);
		canvas.drawCircle(175, 175, 25, myPaint);

		myPaint.setColor(Color.WHITE);
		canvas.drawCircle(175, 175, 75, myPaint);
		invalidate();
	}

If you don't want the circles to overlap, you will have to give them different centres.

[Akil Kumar]

Hi Nidhi,

Thanks it helped. I have attached an image. I am intending to bring some scale along the rim of the circle like how a speedometer will look like.
I have to give the minimum scale limit and the maximum scale limit. I have to specify how many segments or sector it can have between each scale.
Can you please provide some idea for this?

Thanks,

[Nidhi Sar]

Akil Kumar wrote:Hi Nidhi,

Thanks it helped. I have attached an image. I am intending to bring some scale along the rim of the circle like how a speedometer will look like.
I have to give the minimum scale limit and the maximum scale limit. I have to specify how many segments or sector it can have between each scale.
Can you please provide some idea for this?

Thanks,

Could you please post what you have tried till now... it would be easier to provide ideas based on that....

[Akil Kumar]

package com.eyefish;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.View;

public class MyDrawableView extends View{
	
	private int totalNotches = 10;
	private int incrementPerLargeNotch = 2;
	private int incrementPerSmallNotch = 1;
	private int scaleCenterValue = 10; 
	private int scaleMinimumValue = 0;
	private int scaleMaximumValue = 20;

	Context mContext;

	public MyDrawableView(Context context) {
	super(context);
	mContext = context;
	
	}

	@Override

	protected void onDraw(Canvas canvas){
	Paint myPaint = new Paint();
	myPaint.setStyle(Paint.Style.STROKE);
	myPaint.setColor(Color.BLUE);
	
	myPaint.setAntiAlias(true);
	canvas.drawCircle(175, 175, 25, myPaint);
	
	myPaint.setColor(Color.WHITE);
	myPaint.setAntiAlias(true);
	canvas.drawCircle(175, 175, 75, myPaint);
	
	myPaint.setColor(Color.WHITE);
	myPaint.setAntiAlias(true);
	canvas.drawCircle(225, 225, 125, myPaint);
	invalidate();
	
	}
	
	private void drawScale(Context context){
		
		
	}
	
}

I am trying use those scale parameters and draw a scale on the circle. This should like a watch dial with a scale on it.

Thanks,