Android字體相關知識總結

Posted on 2021-06-17 by WalkonNet

一、Android 默認字體介紹

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

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

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

1）、textStyle

2）、typeface

3）、fontFamily

下面我們重點介紹下這三個屬性

二、textStyle

textStyle 主要用來設置字體的樣式，我們看下它在 TextView 的自定義屬性中的一個體現：

//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：默認字體
bold：粗體
italic：斜體

2、textStyle 是用 flag 來承載的，flag 表示的值可以做或運算，也就是說我們可以設置多種字體樣式進行疊加

接下來我們在 xml 中設置一下，如下圖：

可以看到，我們給 TextView 的 textStyle 屬性設置瞭粗體和斜體兩種樣式疊加，右邊可以看到預覽效果

同樣我們也可以在代碼中對其進行設置，但是在代碼中設置字體樣式隻能設置一種，不能疊加：

mTextView.setTypeface(null, Typeface.BOLD)

三、typeface

typeface 主要用於設置 TextView 的字體，我們看下它在 TextView 的自定義屬性中的一個體現：

//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：普通字體，系統默認使用的字體
sans：非襯線字體
serif：襯線字體
monospace：等寬字體

2、typeface 是用 enum 來承載的，enum 表示枚舉類型，每次隻能選擇一個，因此我們每次隻能設置一種字體，不能疊加

接下來我們在 xml 中設置一下，如下圖：

簡單介紹這幾種字體的區別：

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

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

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

同樣我們也可以在代碼中進行設置：

mTv.setTypeface(Typeface.SERIF)

四、fontFamily

fontFamily 相當於是加強版的 typeface，它表示 android 系統支持的一系列字體，每個字體都有一個別名，我們通過別名就能設置這種字體，看下它在 TextView 的自定義屬性中的一個體現：

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

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

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

可以看到，它細致的區分瞭每個系列字體的樣式，同樣我們在 xml 中對它進行一個設置：

我們在代碼中在對他進行一個設置：

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

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

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

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

五、textStyle，typeface，fontFamily 三者關系分析

TextView 在我們使用它之前需進行一個初始化，最終會調用它參數最多的那個構造方法：

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

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

上面這條調用鏈，首先會讀取 TextView 設置的相關屬性，我們看下與字體相關的幾個：

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、當我們設置 typeface 屬性時，會將對應的屬性值賦給 mTypefaceIndex ，並把 mFontFamily 置為 null

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

註意：當我們給 fontFamily 設置瞭一些第三方字體，那麼此時 appearance.getFont() 方法就獲取不到字體

3、當我們設置 textStyle 屬性時，會將獲取的屬性值賦給 mTextStyle

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

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、當 typeface 為空並且 familyName 不為空時，取 familyName 的字體

2、當 typeface 不為空並且 familyName 為空時，取 typeface 的字體

3、當 typeface 和 familyName 都為空，則根據 typefaceIndex 的值取相應的字體

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

5、resolveStyleAndSetTypefce 方法會進行字體和字體樣式的設置

6、style 是在 readTextAppearance 方法中賦值的，他和設置字體並不沖突

好，現在代碼分析的差不多瞭，我們再來看下上面那個疑問？我們使用假設法來進行推導：

假設在 Xml 中， typeface，familyName 和 textStyle 我都設置瞭，那麼根據上面分析：

1、textStyle 肯定會生效

2、當設置瞭 typeface 屬性，typefaceIndex 會被賦值，同時 familyName 會置為空

3、當設置瞭 familyName 屬性，分情況：1、如果設置的是系統字體，typeface 會被賦值，familyName 還是為空。2、如果設置的是第三方字體，typeface 為空，familyName 被賦值

因此，當我們設置瞭這個三個屬性，typeface 和 familyName 總有一個不會為空，因此不會走第三個條件體，那麼 typeface 設置的屬性就不會生效瞭，而剩下的兩個屬性都能夠生效

最後對這三個屬性做一個總結：

1、fontFamily、typeface 屬性用於字體設置，如果都設置瞭，優先使用 fontFamily 屬性，typeface 屬性不會生效

2、textStyle 用於字體樣式設置，與字體設置不會產生沖突

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

六、TextView 設置字體屬性源碼分析

通過上面源碼的分析，我們清楚瞭 fontFamily，typeface 和 textStyle 這三者的關系。接下來我們研究一下，我們設置的這些屬性是怎麼實現這些效果的呢？又到瞭源碼分析環節😂，可能會有點枯燥，但是如果你能夠認真看完，一定會收獲很多，幹就完瞭

我們上面用 Xml 或代碼設置的字體屬性，最終都會走到 TextView 的 setTypeface 重載方法：

//重載方法一
public void setTypeface(@Nullable Typeface tf) {
    if (mTextPaint.getTypeface() != tf) {
      	//通過 mTextPaint 設置字體
        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);
        }
	//調用重載方法一，設置字體
        setTypeface(tf);
      	//經過一些算法
        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 設置字體實際上就是操作 mTextPaint，mTextPaint 是 TextPaint 的類對象，繼承自 Paint 即畫筆，因此我們設置的字體實際上會通過調用畫筆的方法來進行繪制

重載方法二：

相對於重載方法一，法二多傳遞瞭一個 textStyle 參數，主要用來標記粗體和斜體的：

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

2）、如果沒有設置 textStyle，則隻會設置字體，並把畫筆的粗斜體設置置為 false 和 0

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

七、總結

本篇文章主要講瞭：

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

2、關於影響 Android 字體顯示的三個屬性

3、textStyle，typeface，fontFamily 三者的一個關系

4、設置的這三個屬性是怎麼實現這些效果的？

可能大傢會問，你上面那個需求還沒講怎麼就要結束瞭呢？我上面那個需求，以今天所講的知識可能還實現不瞭，別著急，關於 Android 字體我準備寫個系列，因為內容實在是太多瞭。這個系列文章不會讓大傢等太久，因為在參加掘金 6 月更文挑戰，準備爆肝 9 篇😄

好瞭，本篇文章到這裡就結束瞭，如果有任何問題，歡迎給我留言，我們評論區一起討論🤝

以上就是Android字體相關知識總結的詳細內容，更多關於Android字體的資料請關註WalkonNet其它相關文章！

Android字體相關知識總結

目錄

一、Android 默認字體介紹

二、textStyle

三、typeface

四、fontFamily

五、textStyle，typeface，fontFamily 三者關系分析

六、TextView 設置字體屬性源碼分析

七、總結

推薦閱讀：

發佈留言取消回覆

近期文章

目錄

一、Android 默認字體介紹

二、textStyle

三、typeface

四、fontFamily

五、textStyle，typeface，fontFamily 三者關系分析

六、TextView 設置字體屬性源碼分析

七、總結

推薦閱讀：

發佈留言 取消回覆

近期文章

標籤

發佈留言取消回覆