使用TextPaint实现自由加粗字体：BoldTextView，支持中粗

Z_yq

于 2022-04-12 17:17:36 发布

阅读量4.3k

点赞数 3

分类专栏：安卓开发技术文章标签： android TextView Medium

本文链接：https://blog.youkuaiyun.com/yeluofengchui/article/details/124127892

版权

本文介绍了一种在Android中实现类似于iOS的“中粗”字体效果的方法，通过自定义BoldTextView，利用TextPaint的setStrokeWidth方法控制文字描边宽度，从而达到比普通粗体更细的加粗效果。详细代码示例展示了如何在布局文件中使用这个自定义视图，并提供了不同粗细的对比展示。

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

疑难杂症

安卓系统自带的Textview可以设置粗体、斜体、正常字体，但是设计经常设计想比普通字体粗一点(PingFangSC-Medium)又不想Bold效果那么粗，所谓的“中粗”。

IOS是支持的，之前安卓这边经常回设计的是：粗或者不粗，做一个选择。

寻找思路

难道安卓真的不能达到“中粗”的效果吗？其实是可以的。通过读TextView的源码可以看到，在onDraw（）中，最终使用mTextPaint 完成文字的绘制，而使用 mTextPaint 又实现文字颜色和是否粗细及文字大小等属性的控制。

mTextPaint.setFakeBoldText((need & Typeface.BOLD) != 0);

mTextPaint.setTextSize(size);

mTextPaint.setColor(color);

而TextPaint的父类是谁呢？是Paint，找到Paint后，就会发现Paint有一个方法是 setStrokeWidth，可以设置画笔的粗细。那么通过设置Paint的StrokeWidth，是否可以达到控制文字粗细的效果呢，其实是可以的。

只要在onDraw()之前调用getPaint()拿到mTextPaint，通过setStrokeWidth设置画笔的粗细，就可以达到控制TextView的文字粗细效果。

@Override
    protected void onDraw(Canvas canvas) {
        //获取当前控件的画笔
        TextPaint paint = getPaint();
        //设置画笔的描边宽度值
        paint.setStrokeWidth(mStrokeWidth);
        paint.setStyle(Paint.Style.FILL_AND_STROKE);
        super.onDraw(canvas);
    }

完整代码及Demo

为了更好的使用，自定义BoldTextView 继承TextView，添加自定义属性stroke_width控制文字粗细，默认0.5比正常字体稍粗（0为正常不加粗）；0以上可实现逐渐加粗；0.5~1大概可以看到中粗的效果；2大约是Bold的效果。

代码

<!-- 加粗字体 -->
    <declare-styleable name="BoldTextView">
        <attr name="stroke_width" format="float"/>
    </declare-styleable>

/**
 * 加粗字体
 * @author by Zyq
 * @date 2022/3/15.
 */
public class BoldTextView extends AppCompatTextView {
    /**
     * 数值越大，字体越粗，0.0f表示常规画笔的宽度，相当于默认情况
     */
    private float mStrokeWidth = 0.5f;
    public BoldTextView(Context context) {
        this(context,null);
    }

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

    public BoldTextView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        //获取xml定义属性
        TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.BoldTextView,defStyleAttr,0);
        mStrokeWidth = array.getFloat(R.styleable.BoldTextView_stroke_width,mStrokeWidth);
    }

    @Override
    protected vo

最低0.47元/天解锁文章