自定义字体和 XML 布局 (Android)

Question

我正在尝试在 Android 中使用 XML 文件定义 GUI 布局。据我所知，没有办法指定您的小部件应该在 XML 文件中使用自定义字体（例如您放置在 asset/font/ 中的字体），并且您只能使用系统安装的字体。

我知道，在 Java 代码中，我可以使用唯一的 ID 手动更改每个小部件的字体。或者，我可以迭代 Java 中的所有小部件来进行此更改，但这可能会非常慢。

我还有什么其他选择？有没有更好的方法来制作具有自定义外观的小部件？我并不特别希望必须手动更改我添加的每个新小部件的字体。

Answer 1

您可以扩展 TextView 来设置自定义字体，正如我此处。

TextViewPlus.java：

package com.example;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Typeface;
import android.util.AttributeSet;
import android.util.Log;
import android.widget.TextView;

public class TextViewPlus extends TextView {
    private static final String TAG = "TextView";

    public TextViewPlus(Context context) {
        super(context);
    }

    public TextViewPlus(Context context, AttributeSet attrs) {
        super(context, attrs);
        setCustomFont(context, attrs);
    }

    public TextViewPlus(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        setCustomFont(context, attrs);
    }

    private void setCustomFont(Context ctx, AttributeSet attrs) {
        TypedArray a = ctx.obtainStyledAttributes(attrs, R.styleable.TextViewPlus);
        String customFont = a.getString(R.styleable.TextViewPlus_customFont);
        setCustomFont(ctx, customFont);
        a.recycle();
    }

    public boolean setCustomFont(Context ctx, String asset) {
        Typeface tf = null;
        try {
        tf = Typeface.createFromAsset(ctx.getAssets(), asset);  
        } catch (Exception e) {
            Log.e(TAG, "Could not get typeface: "+e.getMessage());
            return false;
        }

        setTypeface(tf);  
        return true;
    }

}

attrs.xml：（在 res/values 中）

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="TextViewPlus">
        <attr name="customFont" format="string"/>
    </declare-styleable>
</resources>

ma​​in.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:foo="http://schemas.android.com/apk/res/com.example"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <com.example.TextViewPlus
        android:id="@+id/textViewPlus1"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:text="@string/showingOffTheNewTypeface"
        foo:customFont="saxmono.ttf">
    </com.example.TextViewPlus>
</LinearLayout>

您可以将“saxmono.ttf”放入 < em>assets 文件夹。

更新 8/1/13

此方法存在严重的内存问题。请参阅下面的 chedabob 的评论。

Answer 2

我迟到了 3 年:( 不过，这对于可能偶然发现这篇文章的人来说可能很有用。

我编写了一个缓存字体的库，还允许您直接从 XML 指定自定义字体。您可以找到库此处

是您使用 XML 布局时的样子。

<com.mobsandgeeks.ui.TypefaceTextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/hello_world"
    geekui:customTypeface="fonts/custom_font.ttf" />

Answer 3

这可能有点晚了，但您需要创建一个返回自定义字体的单例类以避免内存泄漏。

TypeFace 类：

public class OpenSans {

private static OpenSans instance;
private static Typeface typeface;

public static OpenSans getInstance(Context context) {
    synchronized (OpenSans.class) {
        if (instance == null) {
            instance = new OpenSans();
            typeface = Typeface.createFromAsset(context.getResources().getAssets(), "open_sans.ttf");
        }
        return instance;
    }
}

public Typeface getTypeFace() {
    return typeface;
}
}

自定义 TextView：

public class NativelyCustomTextView extends TextView {

    public NativelyCustomTextView(Context context) {
        super(context);
        setTypeface(OpenSans.getInstance(context).getTypeFace());
    }

    public NativelyCustomTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        setTypeface(OpenSans.getInstance(context).getTypeFace());
    }

    public NativelyCustomTextView(Context context, AttributeSet attrs,
            int defStyle) {
        super(context, attrs, defStyle);
        setTypeface(OpenSans.getInstance(context).getTypeFace());
    }

}

通过 xml：

<com.yourpackage.views.NativelyCustomTextView
            android:id="@+id/natively_text_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_margin="20dp"
            android:text="@string/natively"
            android:textSize="30sp" /> 

以编程方式：

TextView programmaticallyTextView = (TextView) 
       findViewById(R.id.programmatically_text_view);

programmaticallyTextView.setTypeface(OpenSans.getInstance(this)
                .getTypeFace());

Answer 4

老问题，但我确实希望在开始自己寻找一个好的解决方案之前先在这里阅读这个答案。 Calligraphy 扩展了 android:fontFamily 属性，以在资源中添加对自定义字体的支持文件夹，如下所示：

<TextView 
  android:text="@string/hello_world"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:fontFamily="fonts/Roboto-Bold.ttf"/>

要激活它，您唯一要做的就是将其附加到您正在使用的 Activity 的上下文：

@Override
protected void attachBaseContext(Context newBase) {
    super.attachBaseContext(new CalligraphyContextWrapper(newBase));
}

您还可以指定自己的自定义属性来替换 android:fontFamily

它也适用于主题，包括 AppTheme。

Answer 5

使用DataBinding：

@BindingAdapter({"bind:font"})
public static void setFont(TextView textView, String fontName){
 textView.setTypeface(Typeface.createFromAsset(textView.getContext().getAssets(), "fonts/" + fontName));
}

在 XML 中：

<TextView
app:font="@{`Source-Sans-Pro-Regular.ttf`}"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>

字体文件必须位于 assets/fonts/ 中

Answer 6

如果您只想添加一种字体，并且希望编写更少的代码，则可以为您的特定字体创建专用的 TextView。请参阅下面的代码。

package com.yourpackage;
import android.content.Context;
import android.graphics.Typeface;
import android.util.AttributeSet;
import android.widget.TextView;

public class FontTextView extends TextView {
    public static Typeface FONT_NAME;


    public FontTextView(Context context) {
        super(context);
        if(FONT_NAME == null) FONT_NAME = Typeface.createFromAsset(context.getAssets(), "fonts/FontName.otf");
        this.setTypeface(FONT_NAME);
    }
    public FontTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        if(FONT_NAME == null) FONT_NAME = Typeface.createFromAsset(context.getAssets(), "fonts/FontName.otf");
        this.setTypeface(FONT_NAME);
    }
    public FontTextView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        if(FONT_NAME == null) FONT_NAME = Typeface.createFromAsset(context.getAssets(), "fonts/FontName.otf");
        this.setTypeface(FONT_NAME);
    }
}

在 main.xml 中，您现在可以像这样添加 textView：

<com.yourpackage.FontTextView
    android:id="@+id/tvTimer"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="" />

Answer 7

从 Android O 预览版开始，最好的方法是这样
1.)右键单击res文件夹并转到新建> Android资源目录。新
出现资源目录窗口。
2.)在资源类型列表中，选择字体，然后单击确定。
3.)在字体文件夹中添加字体文件。下面的文件夹结构会生成 R.font.dancing_script、R.font.la_la 和 R.font.ba_ba。
4.)双击字体文件可在编辑器中预览文件的字体。

接下来我们必须创建一个字体系列

1.) 右键单击​​字体文件夹并转到新建> >字体资源文件。将出现“新建资源文件”窗口。
2.) 输入文件名，然后单击“确定”。新字体资源 XML 将在编辑器中打开。
3.) 将每个字体文件、样式和粗细属性包含在字体标签元素中。以下 XML 说明了如何在字体资源 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/hey_regular" />
    <font
    android:fontStyle="italic"
    android:fontWeight="400"
    android:font="@font/hey_bababa" />
</font-family>

将字体添加到 TextView：

   <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    **android:fontFamily="@font/ba_ba"**/>

如文档所示

使用字体

所有步骤都是正确的。

Answer 8

扩展 TextView 并给它一个自定义属性，或者仅使用 android:tag 属性传入您要使用的字体的字符串。您需要选择一个约定并遵守它，例如我将把所有字体放在 res/assets/fonts/ 文件夹中，以便您的 TextView 类知道在哪里找到它们。然后在构造函数中，您只需在超级调用后手动设置字体即可。

Answer 9

使用自定义字体的唯一方法是通过源代码。

请记住，Android 运行在资源非常有限的设备上，并且字体可能需要大量 RAM。内置的 Droid 字体是专门制作的，如果您注意到的话，会缺少许多字符和装饰。

Answer 10

我可能会对这个问题有一个简单的答案，而无需扩展 TextView 并实现长代码。

代码：

 TextView tv = (TextView) findViewById(R.id.textview1);
    tv.setTypeface(Typeface.createFromAsset(getAssets(), "font.ttf"));

像往常一样将自定义字体文件放入资产文件夹中并尝试此操作。这对我有用。
我只是不明白为什么彼得为这个简单的事情给出了这么大的代码，或者他在旧版本中给出了答案。

Answer 11

也可以在 xml 中定义，而无需创建自定义类

style.xml

<style name="ionicons" parent="android:TextAppearance">
    <!-- Custom Attr-->
    <item name="fontPath">fonts/ionicons.ttf</item>
</style>

Activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:app="http://schemas.android.com/apk/res-auto"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical" >
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="@style/ionicons"
        android:text=""/>
</LinearLayout>

快速说明，因为我总是忘记将字体放在哪里，所以字体必须位于 assets 中该文件夹与 res 和 src 位于同一级别，在我的例子中是 assets/fonts/ionicons.ttf

< strong>更新了添加了根布局，因为此方法需要xmlns:app="http://schemas.android.com/apk/res-auto"才能工作

更新2< /strong> 忘记了我之前安装的一个名为 Calligraphy 的库

Answer 12

Peter 的答案是最好的，但可以通过使用 Android 中的 styles.xml 为应用程序中的所有文本视图自定义字体来改进它。

我的代码是 这里

Answer 13

自定义字体有两种方法：

！！！我的自定义字体位于 asset/fonts/iran_sans.ttf

方式 1 ：
反射 Typeface.class ||| 最好的方法

在继承Application的类中调用FontsOverride.setDefaultFont()，此代码将导致所有软件字体发生变化，甚至Toasts字体

AppController.java

public class AppController extends Application {

    @Override
    public void onCreate() {
        super.onCreate();

        //Initial Font
        FontsOverride.setDefaultFont(getApplicationContext(), "MONOSPACE", "fonts/iran_sans.ttf");

    }
}

FontsOverride.java

public class FontsOverride {

    public static void setDefaultFont(Context context, String staticTypefaceFieldName, String fontAssetName) {
        final Typeface regular = Typeface.createFromAsset(context.getAssets(), fontAssetName);
        replaceFont(staticTypefaceFieldName, regular);
    }

    private static void replaceFont(String staticTypefaceFieldName, final Typeface newTypeface) {
        try {
            final Field staticField = Typeface.class.getDeclaredField(staticTypefaceFieldName);
            staticField.setAccessible(true);
            staticField.set(null, newTypeface);
        } catch (NoSuchFieldException e) {
            e.printStackTrace();
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        }
    }
}

---

方式2：使用setTypeface

特殊视图只需调用setTypeface()来改变字体。

CTextView.java

public class CTextView extends TextView {

    public CTextView(Context context) {
        super(context);
        init(context,null);
    }

    public CTextView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init(context,attrs);
    }

    public CTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context,attrs);
    }

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    public CTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        init(context,attrs);
    }

    public void init(Context context, @Nullable AttributeSet attrs) {

        if (isInEditMode())
            return;

        // use setTypeface for change font this view
        setTypeface(FontUtils.getTypeface("fonts/iran_sans.ttf"));

    }
}

FontUtils.java

public class FontUtils {

    private static Hashtable<String, Typeface> fontCache = new Hashtable<>();

    public static Typeface getTypeface(String fontName) {
        Typeface tf = fontCache.get(fontName);
        if (tf == null) {
            try {
                tf = Typeface.createFromAsset(AppController.getInstance().getApplicationContext().getAssets(), fontName);
            } catch (Exception e) {
                e.printStackTrace();
                return null;
            }
            fontCache.put(fontName, tf);
        }
        return tf;
    }

}

Answer 14

这是一个教程，向您展示如何设置像 @peter 描述的自定义字体： http://responsiveandroid.com/2012/03/15/custom-fonts-in-android-widgets.html

它还考虑了潜在的内存泄漏 http://code.google.com/p/android/issues/detail?id=9904 。本教程中还提供了在按钮上设置自定义字体的示例。

Answer 15

您可以轻松创建自定义 textview 类：-

因此，您首先需要做的是，创建使用 AppCompatTextView 扩展的 Custom textview 类。

public class CustomTextView extends AppCompatTextView {
    private int mFont = FontUtils.FONTS_NORMAL;
    boolean fontApplied;

    public CustomTextView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init(attrs, context);
    }

    public CustomTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(attrs, context);
    }

    public CustomTextView(Context context) {
        super(context);
        init(null, context);
    }

    protected void init(AttributeSet attrs, Context cxt) {
        if (!fontApplied) {
            if (attrs != null) {
                mFont = attrs.getAttributeIntValue(
                        "http://schemas.android.com/apk/res-auto", "Lato-Regular.ttf",
                        -1);
            }
            Typeface typeface = getTypeface();
            int typefaceStyle = Typeface.NORMAL;
            if (typeface != null) {
                typefaceStyle = typeface.getStyle();
            }
            if (mFont > FontUtils.FONTS) {
                typefaceStyle = mFont;
            }
            FontUtils.applyFont(this, typefaceStyle);
            fontApplied = true;
        }
    }
}

现在，每次调用自定义文本视图时，我们都会从属性中获取 int 值 int fontValue = attrs.getAttributeIntValue("http://schemas.android.com/apk/res-auto","Lato-Regular.ttf “，-1）。

或者

我们也可以从我们在 xml 中设置的视图获取 getTypeface() (android:textStyle="bold|normal|italic")。所以，做你想做的事吧。

现在，我们制作 FontUtils 来将任何 .ttf 字体设置到我们的视图中。

public class FontUtils {

    public static final int FONTS = 1;
    public static final int FONTS_NORMAL = 2;
    public static final int FONTS_BOLD = 3;
    public static final int FONTS_BOLD1 = 4;

    private static Map<String, Typeface> TYPEFACE = new HashMap<String, Typeface>();

    static Typeface getFonts(Context context, String name) {
        Typeface typeface = TYPEFACE.get(name);
        if (typeface == null) {
            typeface = Typeface.createFromAsset(context.getAssets(), name);
            TYPEFACE.put(name, typeface);
        }
        return typeface;
    }

    public static void applyFont(TextView tv, int typefaceStyle) {

        Context cxt = tv.getContext();
        Typeface typeface;

        if(typefaceStyle == Typeface.BOLD_ITALIC) {
            typeface = FontUtils.getFonts(cxt, "FaktPro-Normal.ttf");
        }else if (typefaceStyle == Typeface.BOLD || typefaceStyle == SD_FONTS_BOLD|| typefaceStyle == FONTS_BOLD1) {
            typeface = FontUtils.getFonts(cxt, "FaktPro-SemiBold.ttf");
        } else if (typefaceStyle == Typeface.ITALIC) {
            typeface = FontUtils.getFonts(cxt, "FaktPro-Thin.ttf");
        } else {
            typeface = FontUtils.getFonts(cxt, "FaktPro-Normal.ttf");
        }
        if (typeface != null) {
            tv.setTypeface(typeface);
        }
    }
}

Answer 16

了解从 Android 8.0（API 级别 26）开始，您可以 在 XML 中使用自定义字体。

您可以通过以下方式将自定义字体应用于整个应用程序。

1. 将字体放入文件夹res/font。

2. 在res/values/styles.xml中在应用程序主题中使用它。
   <代码>

Answer 17

Fontinator 是一个 Android 库，可以轻松使用自定义字体。
https://github.com/svendvd/Fontinator

Answer 18

您无法扩展 TextView 来创建小部件或在小部件布局中使用小部件：
http://developer.android.com/guide/topics/appwidgets/index.html