字体大小自适应TextView-腾讯QMUI开源QMUIFontFitTextView控件解读
来源:     阅读:658
依创模板店
发布于 2020-11-08 03:16
查看主页

要想成为一名优秀的Android开发,一份 知识体系 是必不可少的~

前言

需要做一个宽度给定的情况下,字体大小自适应的TextView,忽然想起之前看过腾讯QMUI团队开源的Android UI框架——QMUI Android,里面就有这个控件,也看过它的源码,但是当时只是感兴趣,并没有刻意记下来,现在遇到需求了,就再去参考参考大神们的操作,这次就记录下来。

源码解读

这个控件叫做QMUIFontFitTextView,首先是它的构造函数:

public QMUIFontFitTextView(Context context) {        this(context, null);    }    public QMUIFontFitTextView(Context context, AttributeSet attrs) {        super(context, attrs);        mTestPaint = new Paint();        mTestPaint.set(this.getPaint());        TypedArray array = context.obtainStyledAttributes(attrs,                R.styleable.QMUIFontFitTextView);        minSize = array.getDimensionPixelSize(                R.styleable.QMUIFontFitTextView_qmui_minTextSize, Math.round(14 * QMUIDisplayHelper.DENSITY));        maxSize = array.getDimensionPixelSize(                R.styleable.QMUIFontFitTextView_qmui_maxTextSize, Math.round(18 * QMUIDisplayHelper.DENSITY));        array.recycle();        //max size defaults to the initially specified text size unless it is too small    }

有两个,第二个在设置了AttributeSet attrs的情况下,所做的操作主要有:

初始化Paint对象、根据屏幕密度设置字体大小的最大值和最小值。

接下来就是重点,refitText方法,这个方法就是实现字体大小自适应的关键逻辑。

/* Re size the font so the specified text fits in the text box     * assuming the text box is the specified width.     */    private void refitText(String text, int textWidth) {        if (textWidth <= 0)            return;        int targetWidth = textWidth - this.getPaddingLeft() - this.getPaddingRight();        float hi = maxSize;        float lo = minSize;        float size;        final float threshold = 0.5f; // How close we have to be        mTestPaint.set(this.getPaint());        mTestPaint.setTextSize(maxSize);        if(mTestPaint.measureText(text) <= targetWidth) {            lo = maxSize;        } else {            mTestPaint.setTextSize(minSize);            if(mTestPaint.measureText(text) < targetWidth) {                while((hi - lo) > threshold) {                    size = (hi+lo)/2;                    mTestPaint.setTextSize(size);                    if(mTestPaint.measureText(text) >= targetWidth)                        hi = size; // too big                    else                        lo = size; // too small                }            }        }        // Use lo so that we undershoot rather than overshoot        this.setTextSize(TypedValue.COMPLEX_UNIT_PX, lo);    }

首先看上面的注释,意思是说宽度肯定要设置成具体值,这个很好了解,要是宽度可以变化,这个控件就没有意义了。

代码中,首先算出可以显示文字的宽度:

int targetWidth = textWidth - this.getPaddingLeft() - this.getPaddingRight();

而后设置最高值和最低值,相当于一个区间的两个端点:

float hi = maxSize;float lo = minSize;

接下来:

final float threshold = 0.5f; // How close we have to be

这个是干什么的呢?看注释,个人了解就是设置字与字之间间距的一个临界值,后面会用到。

而后,下面的逻辑就是,先把文字大小设置成最大值,假如这个宽度比可显示宽度小,那就lo = maxSize;,并最终以这个大小显示,那为什么lo = maxSize;呢,我们要看到最后,设置大小的时候,

// Use lo so that we undershoot rather than overshootthis.setTextSize(TypedValue.COMPLEX_UNIT_PX, lo);

也就是说,是以lo值去设置的,起因就是注释说的:Use lo so that we undershoot rather than overshoot

假如把大小设置成最大值之后,计算出来的宽度大于可显示宽度,那么就需要重新适配。先把大小设置成最小值,而后假如这时候小于可显示宽度,那么即可以在这个基础上进行放大,但是要保证在肯定的范围内,这个范围就是hi - lo) > threshold,而后

size = (hi+lo)/2;mTestPaint.setTextSize(size);

也就是取最大最小值的中间值,假如这时候又大于可显示宽度了,就是放太大了,就又需要缩小一点,把这个中间值作为最大值,再去跟最小值算中间值。假如还是小于可显示宽度,那就是放太小了,继续放大,把中间值作为最小值,再去跟最大值算中间值。循环进行,直到条件不满足。整个过程都是通过Paint对象去操作,算出合适的大小值之后再把TextView的字体大小设置成这个值。

接下来就是重写onMeasure、onTextChanged、onSizeChanged方法,并在里面调用refitText方法:

@Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        super.onMeasure(widthMeasureSpec, heightMeasureSpec);        int parentWidth = MeasureSpec.getSize(widthMeasureSpec);        int height = getMeasuredHeight();        refitText(this.getText().toString(), parentWidth);        this.setMeasuredDimension(parentWidth, height);    }    @Override    protected void onTextChanged(final CharSequence text, final int start, final int before, final int after) {        refitText(text.toString(), this.getWidth());    }    @Override    protected void onSizeChanged (int w, int h, int oldw, int oldh) {        if (w != oldw) {            refitText(this.getText().toString(), w);        }    }

完成。

最后

我自己从事 Android 开发,从业这么久,我也积累了少量珍藏的资料,分享出来,希望可以帮助到大家提升进阶

分享一份由几位大佬一起收录整理的Android学习PDF+架构视频+面试文档+源码笔记高级架构技术进阶脑图、Android开发面试专题资料,高级进阶架构资料

假如你有需要的话,可以在这Android学习PDF+架构视频+面试文档+源码笔记免费领取

喜欢本文的话,不妨顺手给我点个小赞、评论区留言或者者转发支持一下呗~

免责声明:本文为用户发表,不代表网站立场,仅供参考,不构成引导等用途。 系统环境 windows
相关推荐
超级详细Spring源码探索:容器!
如何从C语言快速过渡到C++?大神答复道:只要要一个下午即可以
外边距margin和内边距padding的简单了解
程序员渔乐:对于程序员来说,这样的办公环境是天堂!
数据科学和人工智能技术笔记 十九、数据整理(3)
首页
搜索
订单
购物车
我的