Android字體相關知識總結
1、Android 系統默認使用的是一款叫做 Roboto 的字體,這也是 Google 推薦使用的一款字體 傳送門。它提供了多種字體形式的選擇,例如:粗體,斜體等等。
2、在 Android 中,我們一般會直接或間接的通過 TextView 控件去承載字體的顯示,因為關于 Android 提供的承載字體顯示的控件都會直接或間接繼承 TextView,例如:EditText,Button 等等,下面給出一張 TextView 繼承圖:
3、TextView 中有三個屬性可以設置字體的顯示:
1)、textStyle
2)、typeface
3)、fontFamily
下面我們重點介紹下這三個屬性
二、textStyletextStyle 主要用來設置字體的樣式,我們看下它在 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字體的資料請關注好吧啦網其它相關文章!
相關文章:
1. Java發送http請求的示例(get與post方法請求)2. JS繪圖Flot如何實現動態可刷新曲線圖3. springboot基于Redis發布訂閱集群下WebSocket的解決方案4. 關于探究python中sys.argv時遇到的問題詳解5. 基于android studio的layout的xml文件的創建方式6. CSS自定義滾動條樣式案例詳解7. 使用ProcessBuilder調用外部命令,并返回大量結果8. Intellij IDEA官方最完美編程字體Mono使用9. python使用requests庫爬取拉勾網招聘信息的實現10. IDEA項目的依賴(pom.xml文件)導入問題及解決
