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

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

2、在 Android 中，我們一般會(huì)直接或間接的通過(guò) 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)算，也就是說(shuō)我們可以設(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 (襯線字體)：在字的筆劃開(kāi)始及結(jié)束的地方有額外的裝飾，而且筆劃的粗細(xì)會(huì)因直橫的不同而有不同相

sans (非襯線字體)：沒(méi)有 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è)別名，我們通過(guò)別名就能設(shè)置這種字體，看下它在 TextView 的自定義屬性中的一個(gè)體現(xiàn)：

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

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

fontFamily 接收的是一個(gè) String 類型的值，也就是我們可以通過(guò)字體別名設(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è)置的某些字體有兼容性問(wèn)題，如我上面設(shè)置的 sans-serif-medium 字體，它在 Android 系統(tǒng)版本大于等于 21 才會(huì)生效，如果小于 21 ，則會(huì)使用默認(rèn)字體，因此我們?cè)谑褂?fontFamily 屬性時(shí)，需要注意這個(gè)問(wèn)題

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

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

五、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ì)通過(guò) appearance.getFont() 方法去獲取字體文件，如果能獲取到，則賦值給 mFontTypeface，如果獲取不到，則通過(guò) 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è)疑問(wèn)？我們使用假設(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ū)給我留言提問(wèn)

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

通過(guò)上面源碼的分析，我們清楚了 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) {
      	//通過(guò) 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)過(guò)一些算法
        int typefaceStyle = tf != null ? tf.getStyle() : 0;
        int need = style & ~typefaceStyle;
      	//打開(kāi)畫(huà)筆的粗體和斜體
        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 即畫(huà)筆，因此我們?cè)O(shè)置的字體實(shí)際上會(huì)通過(guò)調(diào)用畫(huà)筆的方法來(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ì)打開(kāi)畫(huà)筆的粗體和斜體設(shè)置

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

從上述分析我們可以得知：TextView 設(shè)置字體和字體樣式最終都是通過(guò)畫(huà)筆來(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ì)問(wèn)，你上面那個(gè)需求還沒(méi)講怎么就要結(jié)束了呢？我上面那個(gè)需求，以今天所講的知識(shí)可能還實(shí)現(xiàn)不了，別著急，關(guān)于 Android 字體我準(zhǔn)備寫(xiě)個(gè)系列，因?yàn)閮?nèi)容實(shí)在是太多了。這個(gè)系列文章不會(huì)讓大家等太久，因?yàn)樵趨⒓泳蚪?6 月更文挑戰(zhàn)，準(zhǔn)備爆肝 9 篇😄

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

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

最新評(píng)論