欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android字體相關(guān)知識(shí)總結(jié)

 更新時(shí)間:2021年06月17日 16:38:58   作者:sweetying  
最近接到一個(gè)需求,大致內(nèi)容是:全局替換當(dāng)前項(xiàng)目中的默認(rèn)字體,并引入 UI 設(shè)計(jì)師提供的一些新字體。于是對(duì)字體做了些研究,把自己的一些心得分享給大家。注意:本文所展示的系統(tǒng)源碼都是基于Android-30 ,并提取核心部分進(jìn)行分析

一、Android 默認(rèn)字體介紹

1、Android 系統(tǒng)默認(rèn)使用的是一款叫做 Roboto 的字體,這也是 Google 推薦使用的一款字體 傳送門。它提供了多種字體形式的選擇,例如:粗體,斜體等等。

2、在 Android 中,我們一般會(huì)直接或間接的通過 TextView 控件去承載字體的顯示,因?yàn)殛P(guān)于 Android 提供的承載字體顯示的控件都會(huì)直接或間接繼承 TextView,例如:EditText,Button 等等,下面給出一張 TextView 繼承圖:

3、TextView 中有三個(gè)屬性可以設(shè)置字體的顯示:

1)、textStyle

2)、typeface

3)、fontFamily

下面我們重點(diǎn)介紹下這三個(gè)屬性

二、textStyle

textStyle 主要用來(lái)設(shè)置字體的樣式,我們看下它在 TextView 的自定義屬性中的一個(gè)體現(xiàn):

//TextView 的自定義屬性 textStyle
<attr name="textStyle">
    <flag name="normal" value="0" />
    <flag name="bold" value="1" />
    <flag name="italic" value="2" />
</attr>

從上述自定義屬性中我們可以知道:

1、textStyle 主要有 3 種樣式:

  • normal:默認(rèn)字體
  • bold:粗體
  • italic:斜體

2、textStyle 是用 flag 來(lái)承載的,flag 表示的值可以做或運(yùn)算,也就是說我們可以設(shè)置多種字體樣式進(jìn)行疊加

接下來(lái)我們?cè)?xml 中設(shè)置一下,如下圖:

可以看到,我們給 TextView 的 textStyle 屬性設(shè)置了粗體和斜體兩種樣式疊加,右邊可以看到預(yù)覽效果

同樣我們也可以在代碼中對(duì)其進(jìn)行設(shè)置,但是在代碼中設(shè)置字體樣式只能設(shè)置一種,不能疊加:

mTextView.setTypeface(null, Typeface.BOLD)

三、typeface

typeface 主要用于設(shè)置 TextView 的字體,我們看下它在 TextView 的自定義屬性中的一個(gè)體現(xiàn):

//TextView 的自定義屬性 typeface
<attr name="typeface">
    <enum name="normal" value="0" />
    <enum name="sans" value="1" />
    <enum name="serif" value="2" />
    <enum name="monospace" value="3" />
</attr>

從上述自定義屬性中我們可以知道:

1、typeface 提供了 4 種字體:

  • noraml:普通字體,系統(tǒng)默認(rèn)使用的字體
  • sans:非襯線字體
  • serif:襯線字體
  • monospace:等寬字體

2、typeface 是用 enum 來(lái)承載的,enum 表示枚舉類型,每次只能選擇一個(gè),因此我們每次只能設(shè)置一種字體,不能疊加

接下來(lái)我們?cè)?xml 中設(shè)置一下,如下圖:

簡(jiǎn)單介紹這幾種字體的區(qū)別:

serif (襯線字體):在字的筆劃開始及結(jié)束的地方有額外的裝飾,而且筆劃的粗細(xì)會(huì)因直橫的不同而有不同相

sans (非襯線字體):沒有 serif 字體這些額外的裝飾,和 noraml 字體是一樣的

monospace (等寬字體):限制每個(gè)字符的寬度,讓它們達(dá)到一個(gè)等寬的效果

同樣我們也可以在代碼中進(jìn)行設(shè)置:

mTv.setTypeface(Typeface.SERIF)

四、fontFamily

fontFamily 相當(dāng)于是加強(qiáng)版的 typeface,它表示 android 系統(tǒng)支持的一系列字體,每個(gè)字體都有一個(gè)別名,我們通過別名就能設(shè)置這種字體,看下它在 TextView 的自定義屬性中的一個(gè)體現(xiàn):

//TextView 的自定義屬性 fontFamily
<attr name="fontFamily" format="string" />

從上述自定義屬性中我們可以知道:

fontFamily 接收的是一個(gè) String 類型的值,也就是我們可以通過字體別名設(shè)置這種字體,如下圖:

可以看到,它細(xì)致的區(qū)分了每個(gè)系列字體的樣式,同樣我們?cè)?xml 中對(duì)它進(jìn)行一個(gè)設(shè)置:

我們?cè)诖a中在對(duì)他進(jìn)行一個(gè)設(shè)置:

mTv.setTypeface(Typeface.create("sans-serif-medium",Typeface.NORMAL))

值的注意的是:fontFamily 設(shè)置的某些字體有兼容性問題,如我上面設(shè)置的 sans-serif-medium 字體,它在 Android 系統(tǒng)版本大于等于 21 才會(huì)生效,如果小于 21 ,則會(huì)使用默認(rèn)字體,因此我們?cè)谑褂?fontFamily 屬性時(shí),需要注意這個(gè)問題

到這里,我們就把影響 Android 字體的 3 個(gè)屬性給講完了,但是我心里有個(gè)疑問🤔️ ?假設(shè)我這三個(gè)屬性同時(shí)設(shè)置,會(huì)一起生效嗎?

帶著這個(gè)問題,我們探索一下源碼

五、textStyle,typeface,fontFamily 三者關(guān)系分析

TextView 在我們使用它之前需進(jìn)行一個(gè)初始化,最終會(huì)調(diào)用它參數(shù)最多的那個(gè)構(gòu)造方法:

public TextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
    super(context, attrs, defStyleAttr, defStyleRes);
  	//省略成噸代碼.....
  	//讀取設(shè)置的屬性
  	readTextAppearance(context, appearance, attributes, false /* styleArray */);
  	//設(shè)置字體
  	applyTextAppearance(attributes);
 }

private void applyTextAppearance(TextAppearanceAttributes attributes) {
   	//省略成噸代碼.....
  	setTypefaceFromAttrs(attributes.mFontTypeface, attributes.mFontFamily,
                attributes.mTypefaceIndex, attributes.mTextStyle, attributes.mFontWeight);
}

上面這條調(diào)用鏈,首先會(huì)讀取 TextView 設(shè)置的相關(guān)屬性,我們看下與字體相關(guān)的幾個(gè):

private void readTextAppearance(Context context, TypedArray appearance,
            TextAppearanceAttributes attributes, boolean styleArray) {
  	//...
  	switch (index) {
 	    case com.android.internal.R.styleable.TextAppearance_typeface:
                attributes.mTypefaceIndex = appearance.getInt(attr, attributes.mTypefaceIndex);
                if (attributes.mTypefaceIndex != -1 && !attributes.mFontFamilyExplicit) {
                    attributes.mFontFamily = null;
                }
                break;
            case com.android.internal.R.styleable.TextAppearance_fontFamily:
                if (!context.isRestricted() && context.canLoadUnsafeResources()) {
                    try {
                        attributes.mFontTypeface = appearance.getFont(attr);
                    } catch (UnsupportedOperationException | Resources.NotFoundException e) {
                        // Expected if it is not a font resource.
                    }
                }
                if (attributes.mFontTypeface == null) {
                    attributes.mFontFamily = appearance.getString(attr);
                }
                attributes.mFontFamilyExplicit = true;
                break;
            case com.android.internal.R.styleable.TextAppearance_textStyle:
                attributes.mTextStyle = appearance.getInt(attr, attributes.mTextStyle);
                break;
            //...
   	    default:
     }
}

從上述代碼中我們可以看到:

1、當(dāng)我們?cè)O(shè)置 typeface 屬性時(shí),會(huì)將對(duì)應(yīng)的屬性值賦給 mTypefaceIndex ,并把 mFontFamily 置為 null

2、當(dāng)我們?cè)O(shè)置 fontFamily 屬性時(shí),首先會(huì)通過 appearance.getFont() 方法去獲取字體文件,如果能獲取到,則賦值給 mFontTypeface,如果獲取不到,則通過 appearance.getString() 方法取獲取當(dāng)前字體別名并賦值給 mFontFamily

注意:當(dāng)我們給 fontFamily 設(shè)置了一些第三方字體,那么此時(shí) appearance.getFont() 方法就獲取不到字體

3、當(dāng)我們?cè)O(shè)置 textStyle 屬性時(shí),會(huì)將獲取的屬性值賦給 mTextStyle

上述方法走完了,會(huì)調(diào) setTypefaceFromAttrs() 方法,這個(gè)方法就是最終 TextView 設(shè)置字體的方法,我們來(lái)解析下這個(gè)方法:

private void setTypefaceFromAttrs(@Nullable Typeface typeface, @Nullable String familyName,
            @XMLTypefaceAttr int typefaceIndex, @Typeface.Style int style,
            @IntRange(from = -1, to = FontStyle.FONT_WEIGHT_MAX) int weight) {
    if (typeface == null && familyName != null) {
        // Lookup normal Typeface from system font map.
        final Typeface normalTypeface = Typeface.create(familyName, Typeface.NORMAL);
        resolveStyleAndSetTypeface(normalTypeface, style, weight);
    } else if (typeface != null) {
        resolveStyleAndSetTypeface(typeface, style, weight);
    } else {  // both typeface and familyName is null.
        switch (typefaceIndex) {
            case SANS:
                resolveStyleAndSetTypeface(Typeface.SANS_SERIF, style, weight);
                break;
            case SERIF:
                resolveStyleAndSetTypeface(Typeface.SERIF, style, weight);
                break;
            case MONOSPACE:
                resolveStyleAndSetTypeface(Typeface.MONOSPACE, style, weight);
                break;
            case DEFAULT_TYPEFACE:
            default:
                resolveStyleAndSetTypeface(null, style, weight);
                break;
        }
    }
}

上述代碼步驟:

1、當(dāng) typeface 為空并且 familyName 不為空時(shí),取 familyName 的字體

2、當(dāng) typeface 不為空并且 familyName 為空時(shí),取 typeface 的字體

3、當(dāng) typeface 和 familyName 都為空,則根據(jù) typefaceIndex 的值取相應(yīng)的字體

4、typeface ,familyName 和 typefaceIndex 在我們分析的 readTextAppearance 方法會(huì)被賦值

5、resolveStyleAndSetTypefce 方法會(huì)進(jìn)行字體和字體樣式的設(shè)置

6、style 是在 readTextAppearance 方法中賦值的,他和設(shè)置字體并不沖突

好,現(xiàn)在代碼分析的差不多了,我們?cè)賮?lái)看下上面那個(gè)疑問?我們使用假設(shè)法來(lái)進(jìn)行推導(dǎo):

假設(shè)在 Xml 中, typeface,familyName 和 textStyle 我都設(shè)置了,那么根據(jù)上面分析:

1、textStyle 肯定會(huì)生效

2、當(dāng)設(shè)置了 typeface 屬性,typefaceIndex 會(huì)被賦值,同時(shí) familyName 會(huì)置為空

3、當(dāng)設(shè)置了 familyName 屬性,分情況:1、如果設(shè)置的是系統(tǒng)字體,typeface 會(huì)被賦值,familyName 還是為空。2、如果設(shè)置的是第三方字體,typeface 為空,familyName 被賦值

因此,當(dāng)我們?cè)O(shè)置了這個(gè)三個(gè)屬性,typeface 和 familyName 總有一個(gè)不會(huì)為空,因此不會(huì)走第三個(gè)條件體,那么 typeface 設(shè)置的屬性就不會(huì)生效了,而剩下的兩個(gè)屬性都能夠生效

最后對(duì)這三個(gè)屬性做一個(gè)總結(jié):

1、fontFamily、typeface 屬性用于字體設(shè)置,如果都設(shè)置了,優(yōu)先使用 fontFamily 屬性,typeface 屬性不會(huì)生效

2、textStyle 用于字體樣式設(shè)置,與字體設(shè)置不會(huì)產(chǎn)生沖突

上面這段源碼分析可能有點(diǎn)繞,如果有不清楚的地方,歡迎評(píng)論區(qū)給我留言提問

六、TextView 設(shè)置字體屬性源碼分析

通過上面源碼的分析,我們清楚了 fontFamily,typeface 和 textStyle 這三者的關(guān)系。接下來(lái)我們研究一下,我們?cè)O(shè)置的這些屬性是怎么實(shí)現(xiàn)這些效果的呢?又到了源碼分析環(huán)節(jié)😂,可能會(huì)有點(diǎn)枯燥,但是如果你能夠認(rèn)真看完,一定會(huì)收獲很多,干就完了

我們上面用 Xml 或代碼設(shè)置的字體屬性,最終都會(huì)走到 TextView 的 setTypeface 重載方法:

//重載方法一
public void setTypeface(@Nullable Typeface tf) {
    if (mTextPaint.getTypeface() != tf) {
      	//通過 mTextPaint 設(shè)置字體
        mTextPaint.setTypeface(tf);
      
      	//刷新重繪
        if (mLayout != null) {
            nullLayouts();
            requestLayout();
            invalidate();
        }
    }
}

//重載方法二
public void setTypeface(@Nullable Typeface tf, @Typeface.Style int style) {
  if (style > 0) {
        if (tf == null) {
            tf = Typeface.defaultFromStyle(style);
        } else {
            tf = Typeface.create(tf, style);
        }
	//調(diào)用重載方法一,設(shè)置字體
        setTypeface(tf);
      	//經(jīng)過一些算法
        int typefaceStyle = tf != null ? tf.getStyle() : 0;
        int need = style & ~typefaceStyle;
      	//打開畫筆的粗體和斜體
        mTextPaint.setFakeBoldText((need & Typeface.BOLD) != 0);
        mTextPaint.setTextSkewX((need & Typeface.ITALIC) != 0 ? -0.25f : 0);
    } else {
        mTextPaint.setFakeBoldText(false);
        mTextPaint.setTextSkewX(0);
        setTypeface(tf);
    }
}

分析下上述代碼:

重載方法一:

TextView 設(shè)置字體實(shí)際上就是操作 mTextPaint,mTextPaint 是 TextPaint 的類對(duì)象,繼承自 Paint 即畫筆,因此我們?cè)O(shè)置的字體實(shí)際上會(huì)通過調(diào)用畫筆的方法來(lái)進(jìn)行繪制

重載方法二:

相對(duì)于重載方法一,法二多傳遞了一個(gè) textStyle 參數(shù),主要用來(lái)標(biāo)記粗體和斜體的:

1)、如果設(shè)置了 textStyle ,進(jìn)入第一個(gè)條件體,分情況:1、如果傳進(jìn)來(lái)的 tf 為 null ,則會(huì)根據(jù)傳入的 style 去獲取 Typeface 字體,2、如果不為 null ,則會(huì)根據(jù)傳入的 tf 和 style 去獲取 Typeface 字體。設(shè)置好字體后,接下來(lái)還會(huì)打開畫筆的粗體和斜體設(shè)置

2)、如果沒有設(shè)置 textStyle,則只會(huì)設(shè)置字體,并把畫筆的粗斜體設(shè)置置為 false 和 0

從上述分析我們可以得知:TextView 設(shè)置字體和字體樣式最終都是通過畫筆來(lái)完成的

七、總結(jié)

本篇文章主要講了:

1、Android 字體大概的一個(gè)介紹

2、關(guān)于影響 Android 字體顯示的三個(gè)屬性

3、textStyle,typeface,fontFamily 三者的一個(gè)關(guān)系

4、設(shè)置的這三個(gè)屬性是怎么實(shí)現(xiàn)這些效果的?

可能大家會(huì)問,你上面那個(gè)需求還沒講怎么就要結(jié)束了呢?我上面那個(gè)需求,以今天所講的知識(shí)可能還實(shí)現(xiàn)不了,別著急,關(guān)于 Android 字體我準(zhǔn)備寫個(gè)系列,因?yàn)閮?nèi)容實(shí)在是太多了。這個(gè)系列文章不會(huì)讓大家等太久,因?yàn)樵趨⒓泳蚪?6 月更文挑戰(zhàn),準(zhǔn)備爆肝 9 篇😄

好了,本篇文章到這里就結(jié)束了,如果有任何問題,歡迎給我留言,我們?cè)u(píng)論區(qū)一起討論🤝

以上就是Android字體相關(guān)知識(shí)總結(jié)的詳細(xì)內(nèi)容,更多關(guān)于Android字體的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!

相關(guān)文章

最新評(píng)論