DrawerLayoutメニューに Android のとを使用したいのですNavigationViewが、メニュー項目でカスタム フォントを使用する方法がわかりません。実装に成功した人はいますか？
質問する
7333 次
3 に答える
4
Omar Mahmoudの答えはうまくいきます。ただし、フォント キャッシュを使用しないため、常にディスクから読み取りを行うため、処理速度が遅くなります。また、明らかに古いデバイスではメモリ リークが発生する可能性がありますが、これについては確認していません。少なくとも、非常に非効率的です。
フォント キャッシュだけが必要な場合は、手順 1 ～ 3 に従います。これは必須です。Android のデータ バインディングライブラリ ( Lisa Wrayの功績)を使用するソリューションを実装して、レイアウトにカスタム フォントを1行だけ追加できるようにしましょう。TextViewああ、 * や他の Android クラスを拡張する必要はないと言いましたか? 少し余分な作業ですが、長い目で見ればあなたの人生をとても楽にしてくれます。
ステップ 1: アクティビティ内
これはあなたがどの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 で見つけることができます。彼女がプロジェクトを中止した場合に備えて、この実装に必要な部分を含めます。レイアウトでデータ バインディングを使用するために追加する必要がある別のクラスがありますが、それについては手順 4 で説明します。
あなたのActivityクラス:
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クラス:
/**
* 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にキャッシュにカスタム フォントを追加するように、 を変更する必要があります。また、次のように置き換えられます。 setContentViewsetContentViewDataBindingUtil.setContentView
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
FontCache.getInstance().addFont("custom-name", "Font-Filename");
DataBindingUtil.setContentView(this, R.layout.activity_main);
[...]
}
次に、Bindingsクラスを追加します。これにより、バインディングが 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
}
}
于 2015-11-15T17:57:08.117 に答える
3
このメソッドを使用して、ドロワーにベース ビューを渡します
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) {
}
}
于 2015-10-31T12:41:25.117 に答える