在android圈内绘制文字

Question

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;
}

如何在圆弧内绘制文字？我在drawtext中得到IndexOutOfBoundException ... 我应该通过什么参数？我怎么能在弧内得到它？

Answer 1

你可以试试这个。

    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);

注意：（ - 3,15）是绘制文本的起始坐标，（+5）是填充。

这应该会为您提供类似通知徽章的输出 - ＆gt;

Answer 2

想法：使用简单的TextView组件。

然后创建此自定义形状：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval">
    <corners android:radius="10dip"/>
    <stroke android:color="@android:color/black" android:width="2dip"/>
    <solid android:color="@android:color/transparent"/>
</shape>

最后将此形状设置为textview的背景。

如需更多建议，请点击此链接： Android draw circle around Text

Answer 3

我有一个类似的要求，在圆圈的中心绘制所需的文字。

以下是我的做法（在我的自定义视图中onDraw），尽管它类似于@Anoop的回答。

//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);