在自定义的圆里中间写入文字

最新推荐文章于 2023-02-22 15:11:32 发布

濯君

最新推荐文章于 2023-02-22 15:11:32 发布

阅读量1.3k

点赞数

分类专栏： View

View 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个自定义的Android View组件——FloatCircleView，该组件可以用来显示一个圆形的进度指示器，并在其中心位置绘制百分比文本。文章详细展示了如何通过设置画笔样式、颜色以及其他属性来实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

package com.example.kirito.animation360_1.view;

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

/**
 * Created by kirito on 2016.11.24.
 */

public class FloatCircleView extends View {
    public int width = 150;
    public int height = 150;
    private Paint circlePaint;
    private Paint textPaint;


    private static final String TAG = "FloatCircleView";

    //三个构造函数都必须调用，否则无法正常使用自定义view
    public FloatCircleView(Context context) {
        this(context,null);
    }

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

    public FloatCircleView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initPaint();
    }

    public void initPaint(){
        circlePaint = new Paint();
        circlePaint.setAntiAlias(true);
        circlePaint.setColor(Color.BLUE);

        textPaint = new Paint();
        textPaint.setAntiAlias(true);
        textPaint.setTextSize(25);
        textPaint.setColor(Color.RED);
        textPaint.setFakeBoldText(true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        canvas.drawCircle(width / 2,width / 2,width / 2,circlePaint);

        String text = "50%";
        float textWidth = textPaint.measureText(text);
        float x = (width - textWidth) / 2;
        Paint.FontMetrics metrics = textPaint.getFontMetrics();
        //ascent是负的，descent是正的，dy是正的
        float dy = -(metrics.ascent + metrics.descent) / 2;
        float y = height / 2 + dy;

        canvas.drawText(text,x,y,textPaint);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        setMeasuredDimension(width,height);
    }
}

实现效果