Android字体相关知识总结

目录

一、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字体的资料请关注我们其它相关文章!

(0)

相关推荐

  • Android开发之FloatingActionButton悬浮按钮基本使用、字体、颜色用法示例

    本文实例讲述了Android开发之FloatingActionButton悬浮按钮基本使用.字体.颜色用法.分享给大家供大家参考,具体如下: 这里主要讲: FloatingActionsMenu自定义样式以及title调整 FloatingActionButton的基本方法 看一下效果图: 这里使用的是:com.getbase.floatingactionbutton.FloatingActionsMenu 先说下它的配置:在app/build.gradle 添加以下代码依赖: 圆形悬浮按钮 i

  • 浅析Android加载字体包及封装的方法

    TextView加载字体包 在 Android 中,若需要使得某个TextView加载字体包,使用以下方式即可: Typeface typeFace =Typeface.createFromAsset(getAssets(),"fonts/Bold.otf"); textView.setTypeface(typeFace); 至于字体包的位置: 通过以上方法,可以使得一个TextView加载某种字体包,但是,还有这种需求: 部分TextView加载字体包 每个TextView加载的字体

  • Android如何动态调整应用字体大小详解

    前言 为什么要动态设置字体大小?由于项目面对的是中老年客户项目中自带的字体无法满足客户需求. Android应用字体大小默认随系统设置的字体大小而变化,但您可能不希望您的应用字体大小随系统设置变化,想要自己控制,例如微信.本文简单介绍一下如何实现应用字体大小动态调整而不是依赖系统设置 字体大小变化是由android.content.res.Configuration.class类中的fontScale控制的,因此,若想我们的应用字体大小变化不随系统变化而是由我们自主控制,就需要我们修改fontS

  • 详解android 中文字体向上偏移解决方案

    在开发 webapp 时,发现在 android 端的中文会莫名其妙的向上偏移.为了解决这个问题,尝试了很多方法,最后使用以下解决方案. 1.bug 出现 目前在开发 webapp,在调试的时候,发现项目里面的中文有一点向上偏移.具体表现为:使用开发者工具去查看元素,元素的真实高度和位置与文字不同.列如,一个span的font-size和line-height都设置为16px,在调试时,元素的高度确实是16px,但是,中文的高度看起来并不止16px,而且显示的位置明显超出了元素的尺寸范围,向上偏

  • Android修改字体样式的示例代码

    在Android实际开发中根据UI的设计图,经常要去改变系统默认的字体样式 这样做会使apk变大很多啊 而且为什么android要使用ios的字体-_-# 单独设置字体样式 (1)Android系统提供了几种字体样式可供选择 通过设置typeface属性或者fontFamily属性设置 typeface属性: normal serif sans monospace fontFamily属性: casual cursive serif monospace sans-serif sans-serif

  • Android webView字体突然变小的原因及解决

    背景 最近,端内在做 webView 统一的时候,个性签名中的 WebView 替换为 CustomWebView 之后,发现字体突然变小. 一开始不知道是什么原因,通过二分法查找最近的提交,排查之后,发现是 SignatureWebView 的继承关系从 WebView 修改为 CustomWebView.revert 之后就正常了. 于是,我问自己,为什么会这样呢? 原因分析 我们知道,WebViewSetting 里面是可以修改 WebView 的一些默认设置的. 阅读官方文档,发现 se

  • Android开发TextvView实现镂空字体效果示例代码

    记录一下... 自定义TextView public class HollowTextView extends AppCompatTextView { private Paint mTextPaint, mBackgroundPaint; private Bitmap mBackgroundBitmap,mTextBitmap; private Canvas mBackgroundCanvas,mTextCanvas; private RectF mBackgroundRect; private

  • Android Studio设置、改变字体和主题的方法

    1.步骤:File >> settings >> Appearance & Behavior >>Appearance >> 来到修改界面 如下图所示:(Theme 主题修改 :Name 字体 :size 字号大小:其他的效果自己设置就可以看到,下图是其中的一种效果) 2.修改代码区域的字体,字号等设置 步骤:File >> settings >> Editor >>Colors & Fonts >&

  • Android使用TypeFace设置TextView的文字字体

    在Android里面设置一个TextView的文字颜色和文字大小,都很简单,也是一个常用的基本功能.但很少有设置文字字体的,今天要分享的是通过TypeFace去设置TextView的文字字体,布局里面有两个Button,总共包含两个小功能:换字体和变大. 功能的核心部分主要是两点: 创建assets外部资源文件夹,将ttf格式的字体文件放在该目录下 通过TypeFace类的createFromAsset方法,让TextView通过setTypeFace来改变字体 完整源码如下: 1.主Activ

  • android 更改TextView中任意位置字体大小和颜色的方法

    这里介绍两种方法,一种是Spannable,一种是Html.fromHtml(通过html标签来改变),实际中看您使用哪种方便选择使用即可 1.Html.fromHtml的使用 TextView textView = (TextView) findViewById(R.id.text); String textSource = "修改TextView中部分文字的<font color='#ff0000'><big>大</big><small>小&l

随机推荐