简单高效的实现 Android App 全局字体替换

Android O推出了一项新的功能「Fonts in XML」,借助这项功能,我们能够像使用其他资源文件一样使用字体,比较方便地实现App全局字体的替换。

为了能够在API 14或者以上的设备上使用Fonts in XML特性,我们需要使用到Support Library 26。更多的内容可以参考「使用Support Library」小节。

在Android Studio中按照如下步骤将字体作为资源文件添加至工程:

  1. 右键单击项目的 app / res 文件夹,然后选择 New > Android resource directory
  2. 打开下拉菜单并选择 font,输入 font 作为File name,点击OK

注意名称字体资源文件夹的名称必须为font

  1. 将字体文件拖放到新的 res / font 文件夹中。Android O支持 .otf(OpenType).ttf(TrueType) 两种格式的字体文件。
  1. 双击字体文件可以在编辑器中对字体进行预览。

创建Font family

在Android Studio中创建Font family的步骤如下:

  1. 右键单击项目的 res / font 文件夹,然后选择 New > Font resource file
  2. 输入文件名,然后点击 OK .
  3. 打开此XML文件并定义该字体的所有不同版本,以及其样式和权重属性,例如: <?xml version="1.0" encoding="utf-8"?> <font-family xmlns:android="http://schemas.android.com/apk/res/android"> <font android:fontStyle="normal" android:fontWeight="400" android:font="@font/lobster_regular" /> <font android:fontStyle="italic" android:fontWeight="400" android:font="@font/lobster_italic" /> </font-family>

在XML布局中使用字体资源

给TextView添加字体

  • 在XML布局文件中,将fontFamily设置为你想要的访问的字体文件: <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:fontFamily="@font/lobster"/>
  • 打开 Properties 窗口,设置TextView的字体:
  • 选择一种视图打开 Properties 窗口
  • 展开 textAppearance ,选择fontFamily表中的一种字体类型。

添加字体至style

打开 style.xml 文件,将fontFamily属性设置为你想要访问的字体文件。

<style name="customfontstyle" parent="@android:style/TextAppearance.Small">
    <item name="android:fontFamily">@font/lobster</item>
</style>

在你的App的Theme中配置此属性即可实现整个App的字体替换。

使用代码控制字体

Typeface typeface = getResources().getFont(R.font.myfont);
textView.setTypeface(typeface);

使用Support Library

当我们通过 Support Library 实现 Fonts in XML 特性时,需要使用 app 命名空间。Support Library目前支持API 14及以上。

在Android Support Library 26.0-beta1中,必须同时使用android和app命名空间进行声明,以确保在Android O版本及以下设备上字体能够被正确加载。

<?xml version="1.0" encoding="utf-8"?>
<font-family xmlns:android="http://schemas.android.com/apk/res/android"
             xmlns:app="http://schemas.android.com/apk/res-auto">
    <font android:fontStyle="normal" android:fontWeight="400" android:font="@font/myfont-Regular"
          app:fontStyle="normal" app:fontWeight="400" app:font="@font/myfont-Regular"/>
    <font android:fontStyle="italic" android:fontWeight="400" android:font="@font/myfont-Italic"
          app:fontStyle="italic" app:fontWeight="400" app:font="@font/myfont-Italic" /
</font-family>

通过代码控制:

Typeface typeface = ResourcesCompat.getFont(context, R.font.myfont);

内容均来自Android Developer官网,做了简单的翻译,水平有限,还请见谅,原地址: https://developer.android.com/preview/features/fonts-in-xml.html

参考: https://developer.android.com/preview/features/working-with-fonts.html

更多内容:

  1. YouTube - What’s New in Android Support Library (Google I/O ‘17)
  2. Google Developers Blog - Android O Developer Preview 终于推出啦!
  3. 知乎 - Android如何高效率的替换整个APP的字体?

另外,我在我的开源项目 TonnyL/PaperPlane 中使用 Fonts in XML 实现了App的字体的整体替换。效果如下:

原文发布于微信公众号 - 非著名程序员(non-famous-coder)

原文发表时间:2017-08-15

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏WindCoder

Ubuntu14.04下使用fcitx安装搜狗及双拼输入法

之前Ubuntu打不开了,重新装了一遍,顺便把一些东西直接记录下来,省得日后再四处爪哇。。。

4203
来自专栏Timhbw博客

Xcode神器-Alcatraz

2016-08-1300:07:53 发表评论 566℃热度 相关地址 安装方法 使用方法 我的插件 目录 Alcatraz,Xcode上的神器!一个...

3058
来自专栏林德熙的博客

win10 uwp 读写csv 使用库 Chilkat

CSV是一种通用的、相对简单的文件格式,被用户、商业和科学广泛应用。最广泛的应用是在程序之间转移表格数据,而这些程序本身是在不兼容的格式上进行操作的(往往是私有...

1361
来自专栏更流畅、简洁的软件开发方式

分页控件的使用能不能再简单一点呢,能不能一个页面搞定所有的列表需求?

目的: 1、一个页面(DataList.aspx)可以显示多个模块的列表功能。      一般是有一个列表需求就需要一个aspx文件,如果有100个列表,...

3215
来自专栏Bug生活2048

微信小程序版博客——图片相关处理

前面提到,小程序服务端的数据是基于Ghost的公共API的,在设计首页文章列表时,为了美观加上了头图,但是服务端没有提供对应的字段(头图url)。

3502
来自专栏较真的前端

使用神器eruda 进行移动端调试

3453
来自专栏Java帮帮-微信公众号-技术文章全总结

PyCharm下载与安装配置

实验目的: . 在windows/mac本地安装pycharm软件(本地无需安装python); . 利用远程服务器的python解释器来创建和启动django...

1807
来自专栏娱乐心理测试

xcode 9以后导入图片遇到显示不出的问题

2182
来自专栏王磊的博客

ReactNative开发工具有这一篇足矣

ReactNative系列文章: 1.《逻辑性最强的React Native环境搭建与调试》 2.《ReactNative开发工具有这一篇足矣》 正文 Rea...

37413
来自专栏PHP技术大全

使用PHP辅助快速制作一套自己的手写字体实践

笔者以前在网上看到有民间高手制作字体的相关事迹,觉得把自己的手写字用键盘敲出来是一件很有意思的事情,所以一直有时间想制作一套自己的手写体,前几天在网上搜索了一下...

1683

扫码关注云+社区

领取腾讯云代金券