要想成为一名优秀的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+架构视频+面试文档+源码笔记免费领取
喜欢本文的话,不妨顺手给我点个小赞、评论区留言或者者转发支持一下呗~