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

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

2、在 Android 中，我們一般會直接或間接的通過 TextView 控件去承載字體的顯示，因為關(guān)于 Android 提供的承載字體顯示的控件都會直接或間接繼承 TextView，例如：EditText，Button 等等，下面給出一張 TextView 繼承圖：

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

1）、textStyle

2）、typeface

3）、fontFamily

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

二、textStyle

textStyle 主要用來設(shè)置字體的樣式，我們看下它在 TextView 的自定義屬性中的一個體現(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 來承載的，flag 表示的值可以做或運(yùn)算，也就是說我們可以設(shè)置多種字體樣式進(jìn)行疊加

接下來我們在 xml 中設(shè)置一下，如下圖：

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

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

mTextView.setTypeface(null, Typeface.BOLD)

三、typeface

typeface 主要用于設(shè)置 TextView 的字體，我們看下它在 TextView 的自定義屬性中的一個體現(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 來承載的，enum 表示枚舉類型，每次只能選擇一個，因此我們每次只能設(shè)置一種字體，不能疊加

接下來我們在 xml 中設(shè)置一下，如下圖：

簡單介紹這幾種字體的區(qū)別：

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

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

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

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

mTv.setTypeface(Typeface.SERIF)

四、fontFamily 

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

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

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

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

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

我們在代碼中在對他進(jìn)行一個設(shè)置：

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

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

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

帶著這個問題，我們探索一下源碼

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

TextView 在我們使用它之前需進(jìn)行一個初始化，最終會調(diào)用它參數(shù)最多的那個構(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)用鏈，首先會讀取 TextView 設(shè)置的相關(guān)屬性，我們看下與字體相關(guān)的幾個：

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)我們設(shè)置 typeface 屬性時，會將對應(yīng)的屬性值賦給 mTypefaceIndex ，并把 mFontFamily 置為 null

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

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

3、當(dāng)我們設(shè)置 textStyle 屬性時，會將獲取的屬性值賦給 mTextStyle

上述方法走完了，會調(diào) setTypefaceFromAttrs() 方法，這個方法就是最終 TextView 設(shè)置字體的方法，我們來解析下這個方法：

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 不為空時，取 familyName 的字體

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

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

4、typeface ，familyName 和 typefaceIndex 在我們分析的 readTextAppearance 方法會被賦值

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

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

好，現(xiàn)在代碼分析的差不多了，我們再來看下上面那個疑問？我們使用假設(shè)法來進(jìn)行推導(dǎo)：

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

1、textStyle 肯定會生效

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

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

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

最后對這三個屬性做一個總結(jié)：

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

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

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

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

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

我們上面用 Xml 或代碼設(shè)置的字體屬性，最終都會走到 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 的類對象，繼承自 Paint 即畫筆，因此我們設(shè)置的字體實(shí)際上會通過調(diào)用畫筆的方法來進(jìn)行繪制

重載方法二：

相對于重載方法一，法二多傳遞了一個 textStyle 參數(shù)，主要用來標(biāo)記粗體和斜體的：

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

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

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

七、總結(jié)

本篇文章主要講了：

1、Android 字體大概的一個介紹

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

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

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

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

好了，本篇文章到這里就結(jié)束了，如果有任何問題，歡迎給我留言，我們評論區(qū)一起討論🤝

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

最新評論