如何在 DrawerLayout 和 NavigationView 中使用自定义字体
How to use custom fonts in DrawerLayout and NavigationView
我想使用 Android 的 DrawerLayout 和 NavigationView 作为菜单，但我不知道如何让菜单项使用自定义字体。有没有人成功实施过？
使用此方法传递抽屉中的基础视图
public static void overrideFonts(final Context context, final View v) {
Typeface typeface=Typeface.createFromAsset(context.getAssets(), context.getResources().getString(R.string.fontName));
try {
if (v instanceof ViewGroup) {
ViewGroup vg = (ViewGroup) v;
for (int i = 0; i < vg.getChildCount(); i++) {
View child = vg.getChildAt(i);
overrideFonts(context, child);
}
} else if (v instanceof TextView) {
((TextView) v).setTypeface(typeface);
}
} catch (Exception e) {
}
}
Omar Mahmoud 的 会起作用。但它不使用字体缓存，这意味着您不断地从磁盘读取数据，速度很慢。显然，较旧的设备可能会泄漏内存——尽管我还没有证实这一点。至少，效率很低。
如果您只需要字体缓存，请按照步骤 1-3 进行操作。这是必须做的。但让我们更进一步：让我们实现一个使用 Android 的 Data Binding library (credit to Lisa Wray) 的解决方案，这样您就可以在您的布局中添加自定义字体，只需要 一个 行.哦，我有没有提到你不必扩展 TextView* 或任何其他 Android class？。这是一个额外的工作，但它让你在漫长的生活中变得非常轻松 运行.
第 1 步：在您的 Activity
这就是您的 Activity 的样子：
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
FontCache.getInstance().addFont("custom-name", "Font-Filename");
NavigationView navigationView = (NavigationView) findViewById(R.id.navigation_view);
Menu menu = navigationView.getMenu();
for (int i = 0; i < menu.size(); i++)
{
MenuItem menuItem = menu.getItem(i);
if (menuItem != null)
{
SpannableString spannableString = new SpannableString(menuItem.getTitle());
spannableString.setSpan(new TypefaceSpan(FontCache.getInstance(), "custom-name"), 0, spannableString.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
menuItem.setTitle(spannableString);
// Here'd you loop over any SubMenu items using the same technique.
}
}
}
第 2 步：自定义 TypefaceSpan
没什么好说的。它基本上提升了 Android 的 TypefaceSpan 的所有相关部分，但没有扩展它。它可能应该命名为其他名称：
/**
* Changes the typeface family of the text to which the span is attached.
*/
public class TypefaceSpan extends MetricAffectingSpan
{
private final FontCache fontCache;
private final String fontFamily;
/**
* @param fontCache An instance of FontCache.
* @param fontFamily The font family for this typeface. Examples include "monospace", "serif", and "sans-serif".
*/
public TypefaceSpan(FontCache fontCache, String fontFamily)
{
this.fontCache = fontCache;
this.fontFamily = fontFamily;
}
@Override
public void updateDrawState(TextPaint textPaint)
{
apply(textPaint, fontCache, fontFamily);
}
@Override
public void updateMeasureState(TextPaint textPaint)
{
apply(textPaint, fontCache, fontFamily);
}
private static void apply(Paint paint, FontCache fontCache, String fontFamily)
{
int oldStyle;
Typeface old = paint.getTypeface();
if (old == null) {
oldStyle = 0;
} else {
oldStyle = old.getStyle();
}
Typeface typeface = fontCache.get(fontFamily);
int fake = oldStyle & ~typeface.getStyle();
if ((fake & Typeface.BOLD) != 0) {
paint.setFakeBoldText(true);
}
if ((fake & Typeface.ITALIC) != 0) {
paint.setTextSkewX(-0.25f);
}
paint.setTypeface(typeface);
}
}
现在，我们不必在此处传递 FontCache 的实例，但如果您想对此进行单元测试，我们会这样做。我们都在这里写单元测试，对吧？我不。所以如果有人想纠正我并提供更可测试的实现，请做！
第 3 步：添加部分 Lisa Wray 的图书馆
如果这个库被打包好，这样我们就可以将它包含在 build.gradle 中，我会很高兴。但是，没什么大不了的，所以没什么大不了的。您可以在 GitHub here 上找到它。我将包括此实施所需的部分，以防她取消该项目。还有一个 class 您需要添加才能在您的布局中使用数据绑定，但我将在第 4 步中介绍它：
你的Activityclass:
public class Application extends android.app.Application
{
private static Context context;
public void onCreate()
{
super.onCreate();
Application.context = getApplicationContext();
}
public static Context getContext()
{
return Application.context;
}
}
FontCache class:
/**
* A simple font cache that makes a font once when it's first asked for and keeps it for the
* life of the application.
*
* To use it, put your fonts in /assets/fonts. You can access them in XML by their filename, minus
* the extension (e.g. "Roboto-BoldItalic" or "roboto-bolditalic" for Roboto-BoldItalic.ttf).
*
* To set custom names for fonts other than their filenames, call addFont().
*
* Source: https://github.com/lisawray/fontbinding
*
*/
public class FontCache {
private static String TAG = "FontCache";
private static final String FONT_DIR = "fonts";
private static Map<String, Typeface> cache = new HashMap<>();
private static Map<String, String> fontMapping = new HashMap<>();
private static FontCache instance;
public static FontCache getInstance() {
if (instance == null) {
instance = new FontCache();
}
return instance;
}
public void addFont(String name, String fontFilename) {
fontMapping.put(name, fontFilename);
}
private FontCache() {
AssetManager am = Application.getContext().getResources().getAssets();
String fileList[];
try {
fileList = am.list(FONT_DIR);
} catch (IOException e) {
Log.e(TAG, "Error loading fonts from assets/fonts.");
return;
}
for (String filename : fileList) {
String alias = filename.substring(0, filename.lastIndexOf('.'));
fontMapping.put(alias, filename);
fontMapping.put(alias.toLowerCase(), filename);
}
}
public Typeface get(String fontName) {
String fontFilename = fontMapping.get(fontName);
if (fontFilename == null) {
Log.e(TAG, "Couldn't find font " + fontName + ". Maybe you need to call addFont() first?");
return null;
}
if (cache.containsKey(fontFilename)) {
return cache.get(fontFilename);
} else {
Typeface typeface = Typeface.createFromAsset(Application.getContext().getAssets(), FONT_DIR + "/" + fontFilename);
cache.put(fontFilename, typeface);
return typeface;
}
}
}
仅此而已。
注意：我对我的方法名称很反感。我在这里将 getApplicationContext() 重命名为 getContext()。如果您要从此处和她的项目中复制代码，请记住这一点。
第 4 步：可选：使用数据绑定在布局中自定义字体
上面的所有内容都只是实现了一个 FontCache。有很多话。我是一个冗长的人。除非你这样做，否则这个解决方案并不会真正变得很酷：
我们需要更改 Activity，以便在调用 setContentView 之前将自定义字体添加到缓存 。此外，setContentView 被替换为 DataBindingUtil.setContentView:
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
FontCache.getInstance().addFont("custom-name", "Font-Filename");
DataBindingUtil.setContentView(this, R.layout.activity_main);
[...]
}
接下来，添加一个Bindingsclass。这将绑定与 XML 属性相关联：
/**
* Custom bindings for XML attributes using data binding.
* (http://developer.android.com/tools/data-binding/guide.html)
*/
public class Bindings
{
@BindingAdapter({"bind:font"})
public static void setFont(TextView textView, String fontName)
{
textView.setTypeface(FontCache.getInstance().get(fontName));
}
}
最后，在您的布局中，执行以下操作：
<?xml version="1.0" encoding="utf-8"?>
<layout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
tools:context=".MainActivity">
<data/>
<TextView
[...]
android:text="Words"
app:font="@{`custom-name`}"/>
就是这样！认真地说：app:font="@{``custom-name``}"。就是这样。
数据绑定注意事项
在撰写本文时，数据绑定文档有点误导。他们建议向 build.gradle 添加一些内容，这将不适用于最新版本的 Android Studio。忽略 gradle 相关的安装建议并改为执行此操作：
buildscript {
dependencies {
classpath 'com.android.tools.build:gradle:1.5.0-beta1'
}
}
android {
dataBinding {
enabled = true
}
}
第一步：
创建样式：
<style name="ThemeOverlay.AppCompat.navTheme">
<item name="colorPrimary">@android:color/transparent</item>
<item name="colorControlHighlight">?attr/colorAccent</item>
<item name="fontFamily">@font/metropolis</item>
</style>
第 2 步：
在 xml
中将主题添加到 NavigationView
app:theme="@style/ThemeOverlay.AppCompat.navTheme"
对于可能来这里寻找简单解决方案的任何人
我想使用 Android 的 DrawerLayout 和 NavigationView 作为菜单，但我不知道如何让菜单项使用自定义字体。有没有人成功实施过？
使用此方法传递抽屉中的基础视图
public static void overrideFonts(final Context context, final View v) {
Typeface typeface=Typeface.createFromAsset(context.getAssets(), context.getResources().getString(R.string.fontName));
try {
if (v instanceof ViewGroup) {
ViewGroup vg = (ViewGroup) v;
for (int i = 0; i < vg.getChildCount(); i++) {
View child = vg.getChildAt(i);
overrideFonts(context, child);
}
} else if (v instanceof TextView) {
((TextView) v).setTypeface(typeface);
}
} catch (Exception e) {
}
}
Omar Mahmoud 的
如果您只需要字体缓存，请按照步骤 1-3 进行操作。这是必须做的。但让我们更进一步：让我们实现一个使用 Android 的 Data Binding library (credit to Lisa Wray) 的解决方案，这样您就可以在您的布局中添加自定义字体，只需要 一个 行.哦，我有没有提到你不必扩展 TextView* 或任何其他 Android class？。这是一个额外的工作，但它让你在漫长的生活中变得非常轻松 运行.
第 1 步：在您的 Activity
这就是您的 Activity 的样子：
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
FontCache.getInstance().addFont("custom-name", "Font-Filename");
NavigationView navigationView = (NavigationView) findViewById(R.id.navigation_view);
Menu menu = navigationView.getMenu();
for (int i = 0; i < menu.size(); i++)
{
MenuItem menuItem = menu.getItem(i);
if (menuItem != null)
{
SpannableString spannableString = new SpannableString(menuItem.getTitle());
spannableString.setSpan(new TypefaceSpan(FontCache.getInstance(), "custom-name"), 0, spannableString.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
menuItem.setTitle(spannableString);
// Here'd you loop over any SubMenu items using the same technique.
}
}
}
第 2 步：自定义 TypefaceSpan
没什么好说的。它基本上提升了 Android 的 TypefaceSpan 的所有相关部分，但没有扩展它。它可能应该命名为其他名称：
/**
* Changes the typeface family of the text to which the span is attached.
*/
public class TypefaceSpan extends MetricAffectingSpan
{
private final FontCache fontCache;
private final String fontFamily;
/**
* @param fontCache An instance of FontCache.
* @param fontFamily The font family for this typeface. Examples include "monospace", "serif", and "sans-serif".
*/
public TypefaceSpan(FontCache fontCache, String fontFamily)
{
this.fontCache = fontCache;
this.fontFamily = fontFamily;
}
@Override
public void updateDrawState(TextPaint textPaint)
{
apply(textPaint, fontCache, fontFamily);
}
@Override
public void updateMeasureState(TextPaint textPaint)
{
apply(textPaint, fontCache, fontFamily);
}
private static void apply(Paint paint, FontCache fontCache, String fontFamily)
{
int oldStyle;
Typeface old = paint.getTypeface();
if (old == null) {
oldStyle = 0;
} else {
oldStyle = old.getStyle();
}
Typeface typeface = fontCache.get(fontFamily);
int fake = oldStyle & ~typeface.getStyle();
if ((fake & Typeface.BOLD) != 0) {
paint.setFakeBoldText(true);
}
if ((fake & Typeface.ITALIC) != 0) {
paint.setTextSkewX(-0.25f);
}
paint.setTypeface(typeface);
}
}
现在，我们不必在此处传递 FontCache 的实例，但如果您想对此进行单元测试，我们会这样做。我们都在这里写单元测试，对吧？我不。所以如果有人想纠正我并提供更可测试的实现，请做！
第 3 步：添加部分 Lisa Wray 的图书馆
如果这个库被打包好，这样我们就可以将它包含在 build.gradle 中，我会很高兴。但是，没什么大不了的，所以没什么大不了的。您可以在 GitHub here 上找到它。我将包括此实施所需的部分，以防她取消该项目。还有一个 class 您需要添加才能在您的布局中使用数据绑定，但我将在第 4 步中介绍它：
你的Activityclass:
public class Application extends android.app.Application
{
private static Context context;
public void onCreate()
{
super.onCreate();
Application.context = getApplicationContext();
}
public static Context getContext()
{
return Application.context;
}
}
FontCache class:
/**
* A simple font cache that makes a font once when it's first asked for and keeps it for the
* life of the application.
*
* To use it, put your fonts in /assets/fonts. You can access them in XML by their filename, minus
* the extension (e.g. "Roboto-BoldItalic" or "roboto-bolditalic" for Roboto-BoldItalic.ttf).
*
* To set custom names for fonts other than their filenames, call addFont().
*
* Source: https://github.com/lisawray/fontbinding
*
*/
public class FontCache {
private static String TAG = "FontCache";
private static final String FONT_DIR = "fonts";
private static Map<String, Typeface> cache = new HashMap<>();
private static Map<String, String> fontMapping = new HashMap<>();
private static FontCache instance;
public static FontCache getInstance() {
if (instance == null) {
instance = new FontCache();
}
return instance;
}
public void addFont(String name, String fontFilename) {
fontMapping.put(name, fontFilename);
}
private FontCache() {
AssetManager am = Application.getContext().getResources().getAssets();
String fileList[];
try {
fileList = am.list(FONT_DIR);
} catch (IOException e) {
Log.e(TAG, "Error loading fonts from assets/fonts.");
return;
}
for (String filename : fileList) {
String alias = filename.substring(0, filename.lastIndexOf('.'));
fontMapping.put(alias, filename);
fontMapping.put(alias.toLowerCase(), filename);
}
}
public Typeface get(String fontName) {
String fontFilename = fontMapping.get(fontName);
if (fontFilename == null) {
Log.e(TAG, "Couldn't find font " + fontName + ". Maybe you need to call addFont() first?");
return null;
}
if (cache.containsKey(fontFilename)) {
return cache.get(fontFilename);
} else {
Typeface typeface = Typeface.createFromAsset(Application.getContext().getAssets(), FONT_DIR + "/" + fontFilename);
cache.put(fontFilename, typeface);
return typeface;
}
}
}
仅此而已。
注意：我对我的方法名称很反感。我在这里将 getApplicationContext() 重命名为 getContext()。如果您要从此处和她的项目中复制代码，请记住这一点。
第 4 步：可选：使用数据绑定在布局中自定义字体
上面的所有内容都只是实现了一个 FontCache。有很多话。我是一个冗长的人。除非你这样做，否则这个解决方案并不会真正变得很酷：
我们需要更改 Activity，以便在调用 setContentView 之前将自定义字体添加到缓存 。此外，setContentView 被替换为 DataBindingUtil.setContentView:
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
FontCache.getInstance().addFont("custom-name", "Font-Filename");
DataBindingUtil.setContentView(this, R.layout.activity_main);
[...]
}
接下来，添加一个Bindingsclass。这将绑定与 XML 属性相关联：
/**
* Custom bindings for XML attributes using data binding.
* (http://developer.android.com/tools/data-binding/guide.html)
*/
public class Bindings
{
@BindingAdapter({"bind:font"})
public static void setFont(TextView textView, String fontName)
{
textView.setTypeface(FontCache.getInstance().get(fontName));
}
}
最后，在您的布局中，执行以下操作：
<?xml version="1.0" encoding="utf-8"?>
<layout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
tools:context=".MainActivity">
<data/>
<TextView
[...]
android:text="Words"
app:font="@{`custom-name`}"/>
就是这样！认真地说：app:font="@{``custom-name``}"。就是这样。
数据绑定注意事项
在撰写本文时，数据绑定文档有点误导。他们建议向 build.gradle 添加一些内容，这将不适用于最新版本的 Android Studio。忽略 gradle 相关的安装建议并改为执行此操作：
buildscript {
dependencies {
classpath 'com.android.tools.build:gradle:1.5.0-beta1'
}
}
android {
dataBinding {
enabled = true
}
}
第一步： 创建样式：
<style name="ThemeOverlay.AppCompat.navTheme">
<item name="colorPrimary">@android:color/transparent</item>
<item name="colorControlHighlight">?attr/colorAccent</item>
<item name="fontFamily">@font/metropolis</item>
</style>
第 2 步： 在 xml
中将主题添加到 NavigationViewapp:theme="@style/ThemeOverlay.AppCompat.navTheme"
对于可能来这里寻找简单解决方案的任何人