Android字体系列 (一):Android字体基础 | 您所在的位置:网站首页 › 手机常规字体 › Android字体系列 (一):Android字体基础 |
这是我参与更文挑战的第 1 天,活动详情查看: 更文挑战 前言很高兴遇见你~ 最近接到一个需求,大致内容是:全局替换当前项目中的默认字体,并引入 UI 设计师提供的一些新字体。于是对字体做了些研究,把自己的一些心得分享给大家。 注意:本文所展示的系统源码都是基于Android-30 ,并提取核心部分进行分析 一、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从上述自定义属性中我们可以知道: 1、textStyle 主要有 3 种样式: normal:默认字体 bold:粗体 italic:斜体2、textStyle 是用 flag 来承载的,flag 表示的值可以做或运算,也就是说我们可以设置多种字体样式进行叠加 接下来我们在 xml 中设置一下,如下图: 可以看到,我们给 TextView 的 textStyle 属性设置了粗体和斜体两种样式叠加,右边可以看到预览效果 同样我们也可以在代码中对其进行设置,但是在代码中设置字体样式只能设置一种,不能叠加: mTextView.setTypeface(null, Typeface.BOLD) 三、typefacetypeface 主要用于设置 TextView 的字体,我们看下它在 TextView 的自定义属性中的一个体现: //TextView 的自定义属性 typeface从上述自定义属性中我们可以知道: 1、typeface 提供了 4 种字体: noraml:普通字体,系统默认使用的字体 sans:非衬线字体 serif:衬线字体 monospace:等宽字体2、typeface 是用 enum 来承载的,enum 表示枚举类型,每次只能选择一个,因此我们每次只能设置一种字体,不能叠加 接下来我们在 xml 中设置一下,如下图: 简单介绍这几种字体的区别: serif (衬线字体):在字的笔划开始及结束的地方有额外的装饰,而且笔划的粗细会因直横的不同而有不同相 sans (非衬线字体):没有 serif 字体这些额外的装饰,和 noraml 字体是一样的 monospace (等宽字体):限制每个字符的宽度,让它们达到一个等宽的效果 同样我们也可以在代码中进行设置: mTv.setTypeface(Typeface.SERIF) 四、fontFamilyfontFamily 相当于是加强版的 typeface,它表示 android 系统支持的一系列字体,每个字体都有一个别名,我们通过别名就能设置这种字体,看下它在 TextView 的自定义属性中的一个体现: //TextView 的自定义属性 fontFamily从上述自定义属性中我们可以知道: fontFamily 接收的是一个 String 类型的值,也就是我们可以通过字体别名设置这种字体,如下图: 可以看到,它细致的区分了每个系列字体的样式,同样我们在 xml 中对它进行一个设置:
值的注意的是: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 篇😄 好了,本篇文章到这里就结束了,如果有任何问题,欢迎给我留言,我们评论区一起讨论🤝 感谢你阅读这篇文章 全文到此,原创不易,欢迎点赞,收藏,评论和转发,你的认可是我创作的动力 欢迎关注我的 公 众 号,微信搜索 sweetying ,文章更新可第一时间收到 |
CopyRight 2018-2019 实验室设备网 版权所有 |