自定义view实现圆中心显示文字

最新推荐文章于 2023-01-16 11:00:00 发布

不能仅仅只做个码农而已

最新推荐文章于 2023-01-16 11:00:00 发布

阅读量1.9k

点赞数 1

分类专栏： android基础文章标签： drawText居中

本文链接：https://blog.csdn.net/xiaoyi_tdcq/article/details/79708925

版权

本文介绍如何在Android中自定义一个View，通过绘制矩形、圆形，并实现文字在圆心精确居中的方法，展示了一种独特的UI设计效果。

摘要由CSDN通过智能技术生成

自定义view实现：画一个矩形然后画一个圆再在圆中心显示文字，效果如下

 RectF rect = new RectF(100,100,500,500);//画一个矩形
        Paint mPaint = new Paint();
        mPaint.setColor(Color.GRAY);
        mPaint.setStyle(Paint.Style.FILL);
        canvas.drawRect(rect, mPaint);

        //设置画笔的样式，空心STROKE
        mPaint.setStyle(Paint.Style.FILL);
        //设置抗锯齿
        mPaint.setAntiAlias(true);
        mPaint.setColor(Color.RED);
        canvas.drawCircle(rect.centerX(),rect.centerY(),150,mPaint);

        mPaint.setColor(Color.WHITE);
        mPaint.setTextSize(50);
        mPaint.setStyle(Paint.Style.FILL);
        //该方法即为设置基线上那个点究竟是left,center,还是right  这里我设置为center
        mPaint.setTextAlign(Paint.Align.CENTER);

        Paint.FontMetrics fontMetrics = mPaint.getFontMetrics();
        float top = fontMetrics.top;//为基线到字体上边框的距离,即上图中的top
        float bottom = fontMetrics.bottom;//为基线到字体下边框的距离,即上图中的bottom

        int baseLineY = (int) (rect.centerY() - top/2 - bottom/2);//基线中间点的y轴计算公式

        canvas.drawText("小学",rect.centerX(),baseLineY,mPaint);