Android AutoSizeableTextView-官方提供的自動改變文本大小的“TextView”

前言

上一篇文章還是今年四月份寫的,期間也嘗試寫過幾篇文章, 但是都因繁忙的工作只能暫時的放下。此刻其實手上還是有很多需求沒有完成,但是我覺著有必要把今天學(xué)到的這個知識點分享一下。因為,關(guān)于這個知識點雖然很簡單,但是卻發(fā)現(xiàn)目前網(wǎng)上的一些文章寫的真是不怎么用心,都是陳述這個問題很好解決,然后文章也附上了實現(xiàn)的代碼,但是按照作者寫的實現(xiàn)方式本地去運(yùn)行卻發(fā)現(xiàn)是無效的。下面我來描述下這個問題的場景以及解決方案。

關(guān)于AutoSizeableTextView

公司上個版本中有這樣一個需求,要求在一個列表中的每個條目中展示字?jǐn)?shù)不限個數(shù)的文本。而且每個條目的寬度都是固定的,展示的文本如果過長,不可以用省略號顯示,只能動態(tài)的調(diào)整(縮小)文本的字號來達(dá)到文本能完全顯示的效果,而且要限一行展示。關(guān)于這個效果,其實目前android官方已經(jīng)提供了實現(xiàn)方式。那就是AutoSizeableTextView。
文章的標(biāo)題我之所以給AutoSizeableTextView加了雙引號,其實是因為,我們?nèi)绻豢催@個名字,會覺著這應(yīng)該是android新推出的一個功能更強(qiáng)大的TextView控件(起初我也是這樣認(rèn)為的)。但如果我們點進(jìn)到源碼中會發(fā)現(xiàn),其實它是一個接口。關(guān)于這個接口,詳情還請自行閱讀哈。(https://developer.android.com/guide/topics/ui/look-and-feel/autosizing-textview
在Android 8.0,android提供了這樣一個接口用來實現(xiàn)上面我所描述的這個效果。當(dāng)然,官方推出這個接口之前,估計已經(jīng)有很多網(wǎng)上的案例通過自定義View的方式實現(xiàn)了這個效果。可必須承認(rèn)的一點是,人家官方提供的東西應(yīng)該比你自己實現(xiàn)的東西要靠譜些吧(大神請見諒)。雖然這個接口是8.0才提出的,但是為了讓以前的低版本也能實現(xiàn)這個效果,官方提供了相應(yīng)的兼容舉措的,下面我針對兩種方式進(jìn)行介紹。

在XML中設(shè)置

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto" // 加入app命名空間
    android:layout_width="match_parent"
    android:layout_height="@dimen/dimen_45">

    <android.support.v7.widget.AppCompatTextView
        android:layout_width="@dimen/dimen_105"
        android:layout_height="@dimen/dimen_32"
        android:maxLines="1"
        android:textSize="@dimen/dimen_sp_12"
        android:textColor="@color/button_r_b_font_color" 
        app:autoSizeTextType="uniform" // 設(shè)置TextView大小設(shè)置樣式為支持改變(none時為不支持改變)
        app:autoSizeStepGranularity="@dimen/lib_search_dimen_sp_1"   // 每次改變的尺寸階梯
        app:autoSizeMinTextSize="@dimen/lib_search_dimen_sp_8" 
        app:autoSizeMaxTextSize="@dimen/lib_search_dimen_sp_12" /> 

</RelativeLayout>

這里采用AppCompatTextView,它是谷歌為了兼容老版本而提供的一個新的類,它實現(xiàn)了AutoSizeableTextView接口, 在xml中通過引入app空間下的對應(yīng)幾個屬性,就可以實現(xiàn)上述根據(jù)控件寬度來自適應(yīng)文字的大小的效果。

在代碼中動態(tài)設(shè)置

首先,在布局中聲明控件,注意需要聲明的是AppCompatTextView。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="@dimen/dimen_45">

    <android.support.v7.widget.AppCompatTextView
        android:id="@+id/txt_price_section_item"
        android:layout_width="@dimen/dimen_105"
        android:layout_height="@dimen/dimen_32"
        android:background="@drawable/red_black_selector_bg"
        android:maxLines="1"
        android:textSize="@dimen/dimen_sp_12"
        android:textColor="@color/button_r_b_font_color" />
</RelativeLayout>

在代碼中進(jìn)行改變字號的設(shè)置

TextViewCompat.setAutoSizeTextTypeWithDefaults(textView, TextViewCompat.AUTO_SIZE_TEXT_TYPE_UNIFORM); 
TextViewCompat.setAutoSizeTextTypeUniformWithConfiguration(textView, 8, 25, 1, TypedValue.COMPLEX_UNIT_SP); 

就這兩行代碼,首先第一個方式是設(shè)置TextView字號支持改變大小模式。第二個方法,根據(jù)參數(shù)的命名我們也能猜出含義,和上面在xml置頂?shù)膸讉€屬性是一樣的,這里我不再復(fù)述(最后一個參數(shù)是尺寸單位)。
這里需要說明三點,
1.首先為什么在xml中聲明的控件必須是AppCompatTextView。我們點擊上面的第二個方法的源碼中看一下:

public static void setAutoSizeTextTypeUniformWithConfiguration(@NonNull TextView textView, int autoSizeMinTextSize, int autoSizeMaxTextSize, int autoSizeStepGranularity, int unit) throws IllegalArgumentException {
    if (VERSION.SDK_INT >= 27) {
        textView.setAutoSizeTextTypeUniformWithConfiguration(autoSizeMinTextSize, autoSizeMaxTextSize, autoSizeStepGranularity, unit);
    } else if (textView instanceof AutoSizeableTextView) {
        ((AutoSizeableTextView)textView).setAutoSizeTextTypeUniformWithConfiguration(autoSizeMinTextSize, autoSizeMaxTextSize, autoSizeStepGranularity, unit);
    }
}

看到了吧,其實是為了兼容老版本,如果你的項目不針對27以下的版本進(jìn)行兼容,你完全可以直接在xml中聲明TextView控件,而且在xml中也可以直接用android聲明的那幾個屬性進(jìn)行設(shè)置,無須再引入app空間下的屬性。而當(dāng)?shù)陀?7的時候,這個TextView必須屬于AutoSizeableTextView類型的,而前面已經(jīng)說過,AppCompatTextView實現(xiàn)了AutoSizeableTextView接口,因此,為了兼容老版本,我們在xml聲明的時候需要聲明為AppCompatTextView。
2.其次,要說到一個特別要注意的事情,那就是控件的寬度和高度必須要有具體的值,不能設(shè)置為wrap_content。這一點估計也好理解,如果寬高不固定,也就不會有根據(jù)寬高改變字號這一問題了。
3.最后,關(guān)于一行展示這個屬性,平時我們應(yīng)該都知道兩種方式。那就是singleLine="true",或者maxLines="1"。看我上面的代碼,兩種方式我都采用的是maxLines="1"的方式進(jìn)行設(shè)置,如果用singleLine的話會發(fā)現(xiàn)無法顯示預(yù)期的效果的。

結(jié)語

以上,就是使用android官方提供的方法來實現(xiàn)TextView根據(jù)寬高自動改變文本大小的方式!一個小知識點,希望能夠?qū)δ阌袔椭?/h6>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容