文字自动缩放的TextView
2019-05-09 本文已影响0人
胡洁_ec66
早上骑共享单车，一辆车居然让我尴尬了两次，第一次开始打不开。等了2分钟再次才鼓捣开了，骑车到楼下锁车居然又锁不上了。怎么使劲都按不下去那个锁，怪不得开的时候那么费劲。无奈，只能保修了。
言归正传吧！在项目过程中有时会有这样的需求，显示文本的TextView宽高固定，但是有时候因为文字长度不一，有的会因为长度过长而无法全部显示。现在就这个问题做一下记录。
这个需要在以前的时候我们是通过自定义TextView来实现，原理就是计算文本的长度，和控件的尺寸，然后动态改变文字的大小。
上代码
public class AutoScaleTextView extends AppCompatTextView {
private float preferredTextSize;
private float minTextSize;
private Paint textPaint;
public AutoScaleTextView(Context context) {
this(context, null);
}
public AutoScaleTextView(Context context, AttributeSet attrs) {
this(context, attrs, R.attr.autoScaleTextViewStyle);
}
public AutoScaleTextView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
this.textPaint = new Paint();
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.AutoScaleTextView, defStyleAttr, 0);
this.minTextSize = a.getDimension(R.styleable.AutoScaleTextView_minTextSize, 10f);
a.recycle();
this.preferredTextSize = this.getTextSize();
}
/**
* 设置最小的size
*
* @param minTextSize
*/
public void setMinTextSize(float minTextSize) {
this.minTextSize = minTextSize;
}
/**
* 根据填充内容调整textview
*
* @param text
* @param textWidth
*/
private void refitText(String text, int textWidth) {
//如果内容是空，那就不去管他了
if (textWidth <= 0 || text == null || text.length() == 0) {
return;
}
int targetWidth = textWidth - this.getPaddingLeft() - this.getPaddingRight();//文字所占真实的宽度
final float threshold = 0.5f;
this.textPaint.set(this.getPaint());
this.textPaint.setTextSize(this.preferredTextSize);
//如果测量的文本宽度小于等于文本真实宽度，那就按原始像素显示
if (this.textPaint.measureText(text) <= targetWidth) {
this.setTextSize(TypedValue.COMPLEX_UNIT_PX, this.preferredTextSize);
return;
}
float tempMinTextSize = this.minTextSize;
float tempPreferredTextSize = this.preferredTextSize;
//这个循环就是在一次次的缩小文字大小，直到满足条件
while ((tempPreferredTextSize - tempMinTextSize) > threshold) {
float size = (tempPreferredTextSize + tempMinTextSize) / 2;
this.textPaint.setTextSize(size);
if (this.textPaint.measureText(text) >= targetWidth) {
tempPreferredTextSize = size;
} else {
tempMinTextSize = size;
}
}
this.setTextSize(TypedValue.COMPLEX_UNIT_PX, tempMinTextSize);
}
@Override
protected void onTextChanged(CharSequence text, int start, int lengthBefore, int lengthAfter) {
this.refitText(text.toString(), this.getWidth());
}
@Override
protected void onSizeChanged(int width, int h, int oldw, int oldh) {
if (width != oldw) {
this.refitText(this.getText().toString(), width);
}
}
}
其中用到一个自定义属性，那就在attrs里定义这个属性
<attr name="autoScaleTextViewStyle"/>
<declare-styleable name="AutoScaleTextView">
<attr name="minTextSize" format="dimension"/>
</declare-styleable>
这个就可以满足我们的需求了。
不过随着Android8.0的发布，Android已经对TextView做了处理，给它增加了一个字体变动的Autosizeing特性，通过xml设置或者是代码设置，也同样可以满足以上的需求。
当然了，如果仅仅只能在8.0以上才能使用，那就有点鸡肋了，毕竟不是所有人都是土豪，随随便便就换手机的，现在使用4.4版本手机的人都大有人在。官方肯定也会考虑这个问题的，所以，在 Android Support v26 之上，也对 Autosizeing 提供了兼容支持，最低可以支持到 Android Level 14。
使用的话，如果直接在8.0以上的直接就可以使用TextView。如果需要兼容之前版本的话，就得使用AppCompatTextView了。
使用----兼容和原生库
首先是开关
原生使用
xml设置
<TextView
android:layout_width="match_parent"
android:layout_height="200dp"
android:autoSizeTextType="uniform" />
代码设置
// 参数： int autoSizeTextType
textView.setAutoSizeTextTypeWithDefaults(TextView.AUTO_SIZE_TEXT_TYPE_UNIFORM);
兼容库使用
xml设置
<TextView
android:layout_width="match_parent"
android:layout_height="200dp"
app:autoSizeTextType="uniform" />
代码设置
// 参数： TextView textView, int autoSizeTextType
TextViewCompat.setAutoSizeTextTypeWithDefaults(textView, TextViewCompat.AUTO_SIZE_TEXT_TYPE_UNIFORM);
参数介绍：
autoSizeTextType：none： 关闭自动调整功能；uniform： 均匀缩放水平轴和垂直轴
粒度
这个是控制文字缩放变动的最小单位。允许TextView在MinTextSize-MaxTextSize之间按StepGranularity的值为增量或减量来跳动。
原生设置
xml设置
<TextView
android:layout_width="match_parent"
android:layout_height="200dp"
android:autoSizeMaxTextSize="30sp"
android:autoSizeMinTextSize="10sp"
android:autoSizeStepGranularity="5sp"
android:autoSizeTextType="uniform"/>
代码设置
// 参数：int autoSizeMinTextSize, int autoSizeMaxTextSize, int autoSizeStepGranularity, int unit
textView.setAutoSizeTextTypeUniformWithConfiguration(10, 30, 5, TypedValue.COMPLEX_UNIT_SP);
兼容库使用
xml设置
<TextView
android:layout_width="match_parent"
android:layout_height="200dp"
app:autoSizeMaxTextSize="50sp"
app:autoSizeMinTextSize="30sp"
app:autoSizeStepGranularity="2sp"
app:autoSizeTextType="uniform" />
代码设置
// 参数：TextView textView, int autoSizeMinTextSize, int autoSizeMaxTextSize, int autoSizeStepGranularity, int unit
TextViewCompat.setAutoSizeTextTypeUniformWithConfiguration(textView, 30, 50, 2, Typed
参数介绍：
autoSizeMaxTextSize：最大值
autoSizeMinTextSize：最小值
autoSizeStepGranularity：粒度值，即每次增量或减量的值
默认设置minTextSize = 12sp、maxTextSize = 112sp、granularity = 1px
预设大小
首先需要一个数组资源
<array name="auto_size_text_sizes">
<item>10sp</item>
<item>12sp</item>
<item>20sp</item>
<item>40sp</item>
<item>60sp</item>
</array>
原生设置
xml设置
<TextView
android:layout_width="match_parent"
android:layout_height="200dp"
android:autoSizePresetSizes="@array/auto_size_text_sizes"
android:autoSizeTextType="uniform"/>
代码设置
int[] presetSizes = getResources().getIntArray(R.array.auto_size_text_sizes_code);
// 参数：int[] presetSizes, int unit
textView.setAutoSizeTextTypeUniformWithPresetSizes(presetSizes, TypedValue.COMPLEX_UNIT_SP);
兼容库使用
xml设置
<TextView
android:layout_width="match_parent"
android:layout_height="200dp"
app:autoSizePresetSizes="@array/auto_size_text_sizes"
app:autoSizeTextType="uniform" />
代码设置
int[] presetSizes = getResources().getIntArray(R.array.auto_size_text_sizes_code);
// 参数：TextView textView, int[] presetSizes, int unit
TextViewCompat.setAutoSizeTextTypeUniformWithPresetSizes(textView, presetSizes, TypedValue.COMPLEX_UNIT_SP);
注意：
使用Autosizeing的前提是TextView 必须限定尺寸
Autosizeing 不能作用在 EditText 上
预设的尺寸可能都命中，可能不会满足需要。
关于其代码分析。。。还是找大神们吧！！！
TextView 的新特性，Autosizing 到底是如何实现的？ | 源码分析
