早上騎共享單車样勃,一輛車居然讓我尷尬了兩次性芬,第一次開始打不開峡眶。等了2分鐘再次才鼓搗開了,騎車到樓下鎖車居然又鎖不上了植锉。怎么使勁都按不下去那個(gè)鎖幌陕,怪不得開的時(shí)候那么費(fèi)勁。無奈汽煮,只能保修了搏熄。
言歸正傳吧!在項(xiàng)目過程中有時(shí)會(huì)有這樣的需求暇赤,顯示文本的TextView寬高固定心例,但是有時(shí)候因?yàn)槲淖珠L(zhǎng)度不一,有的會(huì)因?yàn)殚L(zhǎng)度過長(zhǎng)而無法全部顯示⌒遥現(xiàn)在就這個(gè)問題做一下記錄止后。
這個(gè)需要在以前的時(shí)候我們是通過自定義TextView來實(shí)現(xiàn),原理就是計(jì)算文本的長(zhǎng)度溜腐,和控件的尺寸译株,然后動(dòng)態(tài)改變文字的大小。
上代碼
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();
}
/**
* 設(shè)置最小的size
*
* @param minTextSize
*/
public void setMinTextSize(float minTextSize) {
this.minTextSize = minTextSize;
}
/**
* 根據(jù)填充內(nèi)容調(diào)整textview
*
* @param text
* @param textWidth
*/
private void refitText(String text, int textWidth) {
//如果內(nèi)容是空挺益,那就不去管他了
if (textWidth <= 0 || text == null || text.length() == 0) {
return;
}
int targetWidth = textWidth - this.getPaddingLeft() - this.getPaddingRight();//文字所占真實(shí)的寬度
final float threshold = 0.5f;
this.textPaint.set(this.getPaint());
this.textPaint.setTextSize(this.preferredTextSize);
//如果測(cè)量的文本寬度小于等于文本真實(shí)寬度歉糜,那就按原始像素顯示
if (this.textPaint.measureText(text) <= targetWidth) {
this.setTextSize(TypedValue.COMPLEX_UNIT_PX, this.preferredTextSize);
return;
}
float tempMinTextSize = this.minTextSize;
float tempPreferredTextSize = this.preferredTextSize;
//這個(gè)循環(huán)就是在一次次的縮小文字大小,直到滿足條件
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);
}
}
}
其中用到一個(gè)自定義屬性望众,那就在attrs里定義這個(gè)屬性
<attr name="autoScaleTextViewStyle"/>
<declare-styleable name="AutoScaleTextView">
<attr name="minTextSize" format="dimension"/>
</declare-styleable>
這個(gè)就可以滿足我們的需求了匪补。
不過隨著Android8.0的發(fā)布,Android已經(jīng)對(duì)TextView做了處理烂翰,給它增加了一個(gè)字體變動(dòng)的Autosizeing特性夯缺,通過xml設(shè)置或者是代碼設(shè)置,也同樣可以滿足以上的需求甘耿。
當(dāng)然了踊兜,如果僅僅只能在8.0以上才能使用,那就有點(diǎn)雞肋了佳恬,畢竟不是所有人都是土豪捏境,隨隨便便就換手機(jī)的,現(xiàn)在使用4.4版本手機(jī)的人都大有人在殿怜。官方肯定也會(huì)考慮這個(gè)問題的典蝌,所以,在 Android Support v26 之上头谜,也對(duì) Autosizeing 提供了兼容支持骏掀,最低可以支持到 Android Level 14。
使用的話柱告,如果直接在8.0以上的直接就可以使用TextView截驮。如果需要兼容之前版本的話,就得使用AppCompatTextView了际度。
使用----兼容和原生庫(kù)
首先是開關(guān)
原生使用
xml設(shè)置
<TextView
android:layout_width="match_parent"
android:layout_height="200dp"
android:autoSizeTextType="uniform" />
代碼設(shè)置
// 參數(shù): int autoSizeTextType
textView.setAutoSizeTextTypeWithDefaults(TextView.AUTO_SIZE_TEXT_TYPE_UNIFORM);
兼容庫(kù)使用
xml設(shè)置
<TextView
android:layout_width="match_parent"
android:layout_height="200dp"
app:autoSizeTextType="uniform" />
代碼設(shè)置
// 參數(shù): TextView textView, int autoSizeTextType
TextViewCompat.setAutoSizeTextTypeWithDefaults(textView, TextViewCompat.AUTO_SIZE_TEXT_TYPE_UNIFORM);
參數(shù)介紹:
autoSizeTextType:
none: 關(guān)閉自動(dòng)調(diào)整功能葵袭;uniform: 均勻縮放水平軸和垂直軸
粒度
這個(gè)是控制文字縮放變動(dòng)的最小單位。允許TextView在MinTextSize-MaxTextSize
之間按StepGranularity
的值為增量或減量來跳動(dòng)乖菱。
原生設(shè)置
xml設(shè)置
<TextView
android:layout_width="match_parent"
android:layout_height="200dp"
android:autoSizeMaxTextSize="30sp"
android:autoSizeMinTextSize="10sp"
android:autoSizeStepGranularity="5sp"
android:autoSizeTextType="uniform"/>
代碼設(shè)置
// 參數(shù):int autoSizeMinTextSize, int autoSizeMaxTextSize, int autoSizeStepGranularity, int unit
textView.setAutoSizeTextTypeUniformWithConfiguration(10, 30, 5, TypedValue.COMPLEX_UNIT_SP);
兼容庫(kù)使用
xml設(shè)置
<TextView
android:layout_width="match_parent"
android:layout_height="200dp"
app:autoSizeMaxTextSize="50sp"
app:autoSizeMinTextSize="30sp"
app:autoSizeStepGranularity="2sp"
app:autoSizeTextType="uniform" />
代碼設(shè)置
// 參數(shù):TextView textView, int autoSizeMinTextSize, int autoSizeMaxTextSize, int autoSizeStepGranularity, int unit
TextViewCompat.setAutoSizeTextTypeUniformWithConfiguration(textView, 30, 50, 2, Typed
參數(shù)介紹:
autoSizeMaxTextSize:
最大值
autoSizeMinTextSize:
最小值
autoSizeStepGranularity:
粒度值坡锡,即每次增量或減量的值
默認(rèn)設(shè)置minTextSize = 12sp蓬网、maxTextSize = 112sp、granularity = 1px
預(yù)設(shè)大小
首先需要一個(gè)數(shù)組資源
<array name="auto_size_text_sizes">
<item>10sp</item>
<item>12sp</item>
<item>20sp</item>
<item>40sp</item>
<item>60sp</item>
</array>
原生設(shè)置
xml設(shè)置
<TextView
android:layout_width="match_parent"
android:layout_height="200dp"
android:autoSizePresetSizes="@array/auto_size_text_sizes"
android:autoSizeTextType="uniform"/>
代碼設(shè)置
int[] presetSizes = getResources().getIntArray(R.array.auto_size_text_sizes_code);
// 參數(shù):int[] presetSizes, int unit
textView.setAutoSizeTextTypeUniformWithPresetSizes(presetSizes, TypedValue.COMPLEX_UNIT_SP);
兼容庫(kù)使用
xml設(shè)置
<TextView
android:layout_width="match_parent"
android:layout_height="200dp"
app:autoSizePresetSizes="@array/auto_size_text_sizes"
app:autoSizeTextType="uniform" />
代碼設(shè)置
int[] presetSizes = getResources().getIntArray(R.array.auto_size_text_sizes_code);
// 參數(shù):TextView textView, int[] presetSizes, int unit
TextViewCompat.setAutoSizeTextTypeUniformWithPresetSizes(textView, presetSizes, TypedValue.COMPLEX_UNIT_SP);
注意:
使用Autosizeing的前提是TextView 必須限定尺寸
Autosizeing 不能作用在 EditText 上
預(yù)設(shè)的尺寸可能都命中鹉勒,可能不會(huì)滿足需要帆锋。
關(guān)于其代碼分析。禽额。锯厢。還是找大神們吧!8埂实辑!
TextView 的新特性,Autosizing 到底是如何實(shí)現(xiàn)的藻丢? | 源碼分析