文字自動(dòng)縮放的TextView

早上騎共享單車样勃,一輛車居然讓我尷尬了兩次性芬,第一次開始打不開峡眶。等了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)的藻丢? | 源碼分析

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末剪撬,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子郁岩,更是在濱河造成了極大的恐慌婿奔,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,482評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件问慎,死亡現(xiàn)場(chǎng)離奇詭異萍摊,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)如叼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門冰木,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人笼恰,你說我怎么就攤上這事踊沸。” “怎么了社证?”我有些...
    開封第一講書人閱讀 152,762評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵逼龟,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我追葡,道長(zhǎng)腺律,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,273評(píng)論 1 279
  • 正文 為了忘掉前任宜肉,我火速辦了婚禮匀钧,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘谬返。我一直安慰自己之斯,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評(píng)論 5 373
  • 文/花漫 我一把揭開白布遣铝。 她就那樣靜靜地躺著佑刷,像睡著了一般莉擒。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上项乒,一...
    開封第一講書人閱讀 49,046評(píng)論 1 285
  • 那天啰劲,我揣著相機(jī)與錄音,去河邊找鬼檀何。 笑死,一個(gè)胖子當(dāng)著我的面吹牛廷支,可吹牛的內(nèi)容都是我干的频鉴。 我是一名探鬼主播,決...
    沈念sama閱讀 38,351評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼恋拍,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼垛孔!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起施敢,我...
    開封第一講書人閱讀 36,988評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤周荐,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后僵娃,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體概作,經(jīng)...
    沈念sama閱讀 43,476評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評(píng)論 2 324
  • 正文 我和宋清朗相戀三年默怨,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了讯榕。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,064評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡匙睹,死狀恐怖愚屁,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情痕檬,我是刑警寧澤霎槐,帶...
    沈念sama閱讀 33,712評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站梦谜,受9級(jí)特大地震影響丘跌,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜改淑,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評(píng)論 3 307
  • 文/蒙蒙 一碍岔、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧朵夏,春花似錦蔼啦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)奈籽。三九已至,卻和暖如春鸵赫,著一層夾襖步出監(jiān)牢的瞬間衣屏,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評(píng)論 1 262
  • 我被黑心中介騙來泰國(guó)打工辩棒, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留狼忱,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,511評(píng)論 2 354
  • 正文 我出身青樓一睁,卻偏偏與公主長(zhǎng)得像钻弄,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子者吁,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評(píng)論 2 345