public static Bitmap drawCircle(int width,int height, int borderWidth) {
Bitmap canvasBitmap = Bitmap.createBitmap( 350, 350, Bitmap.Config.ARGB_8888);
BitmapShader shader = new BitmapShader(canvasBitmap, TileMode.CLAMP, TileMode.CLAMP);
Paint paint = new Paint();
paint.setAntiAlias(true);
paint.setShader(shader);
paint.setShader(null);
paint.setStyle(Paint.Style.STROKE);
paint.setColor(Color.WHITE);
paint.setStrokeWidth(borderWidth);
Paint paint1 = new Paint();
paint1.setAntiAlias(true);
paint1.setShader(shader);
paint1.setShader(null);
paint1.setStyle(Paint.Style.STROKE);
paint1.setColor(Color.WHITE);
paint1.setStrokeWidth(borderWidth);
Canvas canvas = new Canvas(canvasBitmap);
float radius = width > height ? ((float) height) / 2f : ((float) width) / 2f;
//canvas.drawCircle(width / 2, height / 2, radius - borderWidth / 2, paint);
final RectF rect = new RectF();
rect.set(100, 100, 300, 300);
canvas.drawArc(rect, 270, 90, false, paint1);
canvas.drawText("25%", 100, 100, 100, 100, paint1);
return canvasBitmap;
}
How can I draw a text inside the arc? I get IndexOutOfBoundException
in drawtext...
What parameter shall i pass? how can i get it inside the arc?
You could try this.
private Paint paint;
private Paint circlePaint;
paint = new Paint();
circlePaint = new Paint();
paint.setColor(Color.WHITE);
paint.setTextSize(18f);
paint.setAntiAlias(true);
paint.setTextAlign(Paint.Align.CENTER);
Rect bounds = new Rect();
paint.getTextBounds(text, 0, text.length(), bounds);
circlePaint.setColor(Color.RED);
circlePaint.setAntiAlias(true);
canvas.drawCircle(-3, 15 - (bounds.height() / 2), bounds.width() + 5, circlePaint);
canvas.drawText(text, -3, 15, paint);
Note : (-3,15) is the starting co-ordinates to draw the text and (+5) is the padding.
This should give you an output like the notification badge here ->
I had a similar requirement where needed text drawn in the centre of a circle.
Here's how I did it (within my customview's onDraw
) albeit it similar to @Anoop's answer.
//draw circle
canvas.drawCircle(xPos,yPos,mCircleSize, mCirclePaint);
mTextPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
//this ensures X alignment
mTextPaint.setTextAlign(Paint.Align.CENTER);
// Measure the text rectangle to get the height
Rect result = new Rect();
mTextPaint.getTextBounds(marker.label, 0, marker.label.length(), result);
//take half the height as the offset
int yOffset = result.height()/2;
//add offset to ensure Y is aligned center
canvas.drawText(marker.label, xPos, yPos+yOffset, mTextPaint);
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With