如何在 ActionBar 标题中设置自定义字体？答案

【问题标题】：How to Set a Custom Font in the ActionBar Title?如何在 ActionBar 标题中设置自定义字体？
【发布时间】：2012-01-26 07:41:54
【问题描述】：

如何（如果可能）在我的资产文件夹中使用字体在 ActionBar 标题文本（仅 - 不是选项卡文本）中设置自定义字体？我不想使用 android:logo 选项。

【问题讨论】：

标签： android fonts android-actionbar

【解决方案1】：

试试这个

TextView headerText= new TextView(getApplicationContext());
RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(ActionBar.LayoutParams.WRAP_CONTENT, ActionBar.LayoutParams.WRAP_CONTENT);
headerText.setLayoutParams(lp);
headerText.setText("Welcome!");
headerText.setTextSize(20);
headerText.setTextColor(Color.parseColor("#FFFFFF"));
Typeface tf = Typeface.createFromAsset(getAssets(), "fonts/wesfy_regular.ttf");
headerText.setTypeface(tf);
getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
getSupportActionBar().setCustomView(headerText);

【讨论】：

【解决方案2】：

不需要自定义文本视图！

首先，在您的 java 代码中禁用工具栏中的标题： getSupportActionBar().setDisplayShowTitleEnabled(false);

然后，只需在工具栏内添加一个 TextView ：

<android.support.v7.widget.Toolbar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    app:popupTheme="@style/AppTheme.PopupOverlay">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/app_name"
        android:textSize="18sp"
        android:fontFamily="@font/roboto" />

    </android.support.v7.widget.Toolbar>

【讨论】：

这不适用于最新的导航 UI 喷气背包库

【解决方案3】：

    ActionBar actionBar = getSupportActionBar();
    TextView tv = new TextView(getApplicationContext());
    Typeface typeface = ResourcesCompat.getFont(this, R.font.monotype_corsiva);
    RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(
            RelativeLayout.LayoutParams.MATCH_PARENT, // Width of TextView
            RelativeLayout.LayoutParams.WRAP_CONTENT); // Height of TextView
    tv.setLayoutParams(lp);
    tv.setText("Your Text"); // ActionBar title text
    tv.setTextSize(25);
    tv.setTextColor(Color.WHITE);
    tv.setTypeface(typeface, typeface.ITALIC);
    actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
    actionBar.setCustomView(tv);

【讨论】：

太棒了效果很好我怎样才能让这个应用栏进入中心？
像魅力一样工作 .. 只需将 typeface.ITALIC 替换为 Typeface.ITALIC 就不会出现静态成员警告
05/02/2021 对我来说唯一可行的解决方案。谢谢大佬。

【解决方案4】：

从 Android Support Library v26 + Android Studio 3.0 开始，这个过程变得轻而易举！！

按照以下步骤更改工具栏标题的字体：

阅读Downloadable Fonts 并从列表中选择任何字体（我的建议）或根据Fonts in XML 将自定义字体加载到res > font

在res > values > styles 中，粘贴以下内容（在这里发挥你的想象力！）

<style name="TitleBarTextAppearance" parent="android:TextAppearance">
    <item name="android:fontFamily">@font/your_desired_font</item>
    <item name="android:textSize">23sp</item>
    <item name="android:textStyle">bold</item>
    <item name="android:textColor">@android:color/white</item>
</style>

在您的工具栏属性app:titleTextAppearance="@style/TextAppearance.TabsFont" 中插入一个新行，如下所示

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:titleTextAppearance="@style/TitleBarTextAppearance"
    app:popupTheme="@style/AppTheme.PopupOverlay"/>

享受自定义操作栏标题字体样式！！

【讨论】：

这对于工具栏来说非常有用。有什么方法可以在整个应用程序范围内执行此操作，例如当您在新活动中使用默认应用程序栏时？
这也适用于折叠标题应用程序：collapsedTitleTextAppearance="@style/Style_Title"

【解决方案5】：

我刚刚在 onCreate() 函数中做了以下操作：

TypefaceSpan typefaceSpan = new TypefaceSpan("font_to_be_used");
SpannableString str = new SpannableString("toolbar_text");
str.setSpan(typefaceSpan,0, str.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
getSupportActionBar().setTitle(str);

我正在使用支持库，如果您不使用它们，我想您应该切换到 getActionBar() 而不是 getSupportActionBar()。

在 Android Studio 3 中，您可以按照此说明 https://developer.android.com/guide/topics/ui/look-and-feel/fonts-in-xml.html 添加自定义字体，然后在“font_to_be_used”中使用您新添加的字体

【讨论】：

【解决方案6】：

Calligraphy 库可让您通过应用主题设置自定义字体，该字体也适用于操作栏。

<style name="AppTheme" parent="android:Theme.Holo.Light.DarkActionBar">
<item name="android:textViewStyle">@style/AppTheme.Widget.TextView</item>
</style>

<style name="AppTheme.Widget"/>

<style name="AppTheme.Widget.TextView" parent="android:Widget.Holo.Light.TextView">
   <item name="fontPath">fonts/Roboto-ThinItalic.ttf</item>
</style>

激活 Calligraphy 所需要的只是将它附加到您的 Activity 上下文中：

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

默认的自定义属性是fontPath，但您可以通过在应用程序类中使用CalligraphyConfig.Builder 对其进行初始化来为路径提供自己的自定义属性。不鼓励使用android:fontFamily。

【讨论】：

此解决方案的最低 API 16
minSdk 7 根据项目的构建文件，但我在 minSdk 18 项目中使用它并且没有对其进行任何进一步检查。使用的违规方法是什么？
它的最低API 7，只是例子是API16。它支持 appcompat-v7+

【解决方案7】：

更新正确答案。

首先：将标题设置为 false，因为我们使用的是自定义视图

    actionBar.setDisplayShowTitleEnabled(false);

其次：创建titleview.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:background="@android:color/transparent" >

    <TextView
       android:id="@+id/title"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_centerVertical="true"
       android:layout_marginLeft="10dp"
       android:textSize="20dp"
       android:maxLines="1"
       android:ellipsize="end"
       android:text="" />

</RelativeLayout>

最后：

//font file must be in the phone db so you have to create download file code
//check the code on the bottom part of the download file code.

   TypeFace font = Typeface.createFromFile("/storage/emulated/0/Android/data/"   
    + BuildConfig.APPLICATION_ID + "/files/" + "font name" + ".ttf");

    if(font != null) {
        LayoutInflater inflator = LayoutInflater.from(this);
        View v = inflator.inflate(R.layout.titleview, null);
        TextView titleTv = ((TextView) v.findViewById(R.id.title));
        titleTv.setText(title);
        titleTv.setTypeface(font);
        actionBar.setCustomView(v);
    } else {
        actionBar.setDisplayShowTitleEnabled(true);
        actionBar.setTitle("  " + title); // Need to add a title
    }

下载字体文件：因为我将文件存储到云中，所以我有下载链接。

/**downloadFile*/
public void downloadFile(){
    String DownloadUrl = //url here
    File file = new File("/storage/emulated/0/Android/data/" + BuildConfig.APPLICATION_ID + "/files/");
    File[] list = file.listFiles();
    if(list == null || list.length <= 0) {
        BroadcastReceiver onComplete = new BroadcastReceiver() {
            @Override
            public void onReceive(Context context, Intent intent) {
                try{
                    showContentFragment(false);
                } catch (Exception e){
                }
            }
        };

        registerReceiver(onComplete, new IntentFilter(DownloadManager.ACTION_DOWNLOAD_COMPLETE));
        DownloadManager.Request request = new DownloadManager.Request(Uri.parse(DownloadUrl));
        request.setVisibleInDownloadsUi(false);
        request.setDestinationInExternalFilesDir(this, null, ModelManager.getInstance().getCurrentApp().getRegular_font_name() + ".ttf");
        DownloadManager manager = (DownloadManager) getSystemService(Context.DOWNLOAD_SERVICE);
        manager.enqueue(request);
    } else {
        for (File files : list) {
            if (!files.getName().equals("font_name" + ".ttf")) {
                BroadcastReceiver onComplete = new BroadcastReceiver() {
                    @Override
                    public void onReceive(Context context, Intent intent) {
                        try{
                            showContentFragment(false);
                        } catch (Exception e){
                        }
                    }
                };

                registerReceiver(onComplete, new IntentFilter(DownloadManager.ACTION_DOWNLOAD_COMPLETE));
                DownloadManager.Request request = new DownloadManager.Request(Uri.parse(DownloadUrl));
                request.setVisibleInDownloadsUi(false);
                request.setDestinationInExternalFilesDir(this, null, "font_name" + ".ttf");
                DownloadManager manager = (DownloadManager) getSystemService(Context.DOWNLOAD_SERVICE);
                manager.enqueue(request);
            } else {
                showContentFragment(false);
                break;
            }
        }
    }
}

【讨论】：

【解决方案8】：

我们需要使用反射来实现这一点

final int titleId = activity.getResources().getIdentifier("action_bar_title", "id", "android");

    final TextView title;
    if (activity.findViewById(titleId) != null) {
        title = (TextView) activity.findViewById(titleId);
        title.setTextColor(Color.BLACK);
        title.setTextColor(configs().getColor(ColorKey.GENERAL_TEXT));
        title.setTypeface(configs().getTypeface());
    } else {
        try {
            Field f = bar.getClass().getDeclaredField("mTitleTextView");
            f.setAccessible(true);
            title = (TextView) f.get(bar);
            title.setTextColor(Color.BLACK);
            title.setTypeface(configs().getTypeface());
        } catch (NoSuchFieldException e) {
        } catch (IllegalAccessException e) {
        }
    }

【讨论】：

【解决方案9】：

使用支持库中的新工具栏设计您自己的操作栏或使用以下代码

膨胀 Textview 不是一个好的选择，试试 Spannable String builder

Typeface font2 = Typeface.createFromAsset(getAssets(), "fonts/<your font in assets folder>");   
SpannableStringBuilder SS = new SpannableStringBuilder("MY Actionbar Tittle");
SS.setSpan (new CustomTypefaceSpan("", font2), 0, SS.length(),Spanned.SPAN_EXCLUSIVE_INCLUSIVE);
actionBar.setTitle(ss);

复制到下面的类

public class CustomTypefaceSpan extends TypefaceSpan{

    private final Typeface newType;

    public CustomTypefaceSpan(String family, Typeface type) {
        super(family);
        newType = type;
    }

    @Override
    public void updateDrawState(TextPaint ds) {
        applyCustomTypeFace(ds, newType);
    }

    @Override
    public void updateMeasureState(TextPaint paint) {
        applyCustomTypeFace(paint, newType);
    }

    private static void applyCustomTypeFace(Paint paint, Typeface tf) {
        int oldStyle;
        Typeface old = paint.getTypeface();
        if (old == null) {
            oldStyle = 0;
        } else {
            oldStyle = old.getStyle();
        }

        int fake = oldStyle & ~tf.getStyle();
        if ((fake & Typeface.BOLD) != 0) {
            paint.setFakeBoldText(true);
        }

        if ((fake & Typeface.ITALIC) != 0) {
            paint.setTextSkewX(-0.25f);
        }

        paint.setTypeface(tf);
    }

}

【讨论】：

【解决方案10】：

试试这个

public void findAndSetFont(){
        getActionBar().setTitle("SOME TEST TEXT");
        scanForTextViewWithText(this,"SOME TEST TEXT",new SearchTextViewInterface(){

            @Override
            public void found(TextView title) {

            } 
        });
    }

public static void scanForTextViewWithText(Activity activity,String searchText, SearchTextViewInterface searchTextViewInterface){
    if(activity == null|| searchText == null || searchTextViewInterface == null)
        return;
    View view = activity.findViewById(android.R.id.content).getRootView();
    searchForTextViewWithTitle(view, searchText, searchTextViewInterface);
}

private static void searchForTextViewWithTitle(View view, String searchText, SearchTextViewInterface searchTextViewInterface)
{
    if (view instanceof ViewGroup)
    {
        ViewGroup g = (ViewGroup) view;
        int count = g.getChildCount();
        for (int i = 0; i < count; i++)
            searchForTextViewWithTitle(g.getChildAt(i), searchText, searchTextViewInterface);
    }
    else if (view instanceof TextView)
    {
        TextView textView = (TextView) view;
        if(textView.getText().toString().equals(searchText))
            if(searchTextViewInterface!=null)
                searchTextViewInterface.found(textView);
    }
}
public interface SearchTextViewInterface {
    void found(TextView title);
}

【讨论】：

【解决方案11】：

如果你想为整个 Activity 中的所有 TextViews 设置字体，你可以使用这样的东西：

public static void setTypefaceToAll(Activity activity)
{
    View view = activity.findViewById(android.R.id.content).getRootView();
    setTypefaceToAll(view);
}

public static void setTypefaceToAll(View view)
{
    if (view instanceof ViewGroup)
    {
        ViewGroup g = (ViewGroup) view;
        int count = g.getChildCount();
        for (int i = 0; i < count; i++)
            setTypefaceToAll(g.getChildAt(i));
    }
    else if (view instanceof TextView)
    {
        TextView tv = (TextView) view;
        setTypeface(tv);
    }
}

public static void setTypeface(TextView tv)
{
    TypefaceCache.setFont(tv, TypefaceCache.FONT_KOODAK);
}

还有字体缓存：

import java.util.TreeMap;

import android.graphics.Typeface;
import android.widget.TextView;

public class TypefaceCache {

    //Font names from asset:
    public static final String FONT_ROBOTO_REGULAR = "fonts/Roboto-Regular.ttf";
    public static final String FONT_KOODAK = "fonts/Koodak.ttf";

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

    public static Typeface getFont(String fontName) {
        Typeface tf = fontCache.get(fontName);
        if(tf == null) {
            try {
                tf = Typeface.createFromAsset(MyApplication.getAppContext().getAssets(), fontName);
            }
            catch (Exception e) {
                return null;
            }
            fontCache.put(fontName, tf);
        }
        return tf;
    }

    public static void setFont(TextView tv, String fontName)
    {
        tv.setTypeface(getFont(fontName));
    }
}

【讨论】：

【解决方案12】：

我同意这并不完全受支持，但这就是我所做的。您可以为操作栏使用自定义视图（它将显示在您的图标和操作项之间）。我正在使用自定义视图，并且禁用了本机标题。我的所有活动都继承自一个活动，该活动在 onCreate 中有以下代码：

this.getActionBar().setDisplayShowCustomEnabled(true);
this.getActionBar().setDisplayShowTitleEnabled(false);

LayoutInflater inflator = LayoutInflater.from(this);
View v = inflator.inflate(R.layout.titleview, null);

//if you need to customize anything else about the text, do it here.
//I'm using a custom TextView with a custom font in my layout xml so all I need to do is set title
((TextView)v.findViewById(R.id.title)).setText(this.getTitle());

//assign the view to the actionbar
this.getActionBar().setCustomView(v);

而我的布局 xml（上面代码中的 R.layout.titleview）看起来像这样：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/transparent" >

<com.your.package.CustomTextView
        android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="10dp"
            android:textSize="20dp"
            android:maxLines="1"
            android:ellipsize="end"
            android:text="" />
</RelativeLayout>

【讨论】：

这适用于标题，但如果您想要标题和选项卡，它会将自定义视图放置在选项卡的右侧，而不是像标题那样左侧。我希望能够更改实际标题。
很好的解决方案。如果您需要一个允许在 XML 中指定字体的自定义文本视图类，请试试我的！ github.com/tom-dignan/nifty -- 很简单。
此代码是否必须在 onCreate() 中？我需要在我的活动之外动态设置它...
您需要动态更改字体吗？还是您只是想在字体已经自定义后更改标题？
这行得通，但它的工作量很大。另外：您失去了标准标题的一些功能，例如在单击图标时突出显示它......自定义标题并不意味着用于重新创建标准标题布局，只是为了更改字体......

【解决方案13】：

以下代码适用于所有版本。我确实在带有姜饼的设备以及 JellyBean 设备上检查了这一点

 private void actionBarIdForAll()
    {
        int titleId = 0;

        if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.HONEYCOMB)
        {
            titleId = getResources().getIdentifier("action_bar_title", "id", "android");
        }
        else
        {
          // This is the id is from your app's generated R class when ActionBarActivity is used for SupportActionBar

            titleId = R.id.action_bar_title;
        }

        if(titleId>0)
        {
            // Do whatever you want ? It will work for all the versions.

            // 1. Customize your fonts
            // 2. Infact, customize your whole title TextView

            TextView titleView = (TextView)findViewById(titleId);
            titleView.setText("RedoApp");
            titleView.setTextColor(Color.CYAN);
        }
    }

【讨论】：

这适用于我在 ActionBar 和 AppCompat ActionBar 上。但后者仅在我尝试在 onCreate() 之后找到标题视图时才有效，因此例如将其放置到 onPostCreate() 就可以了。

【解决方案14】：

int titleId = getResources().getIdentifier("action_bar_title", "id",
            "android");
    TextView yourTextView = (TextView) findViewById(titleId);
    yourTextView.setTextColor(getResources().getColor(R.color.black));
    yourTextView.setTypeface(face);

【讨论】：

这应该是问题的首选答案。效果很好，也适用于“action_bar_subtitle”！谢谢！
如果安卓开发者在较新版本中将资源ID从“action_bar_title”更改为其他名称，那么这将不起作用。这就是为什么它没有被投票的原因。
适用于 api >3.0 但不适用于 appcompat 的 2.x
这确实改变了字体和一切。但是当我转到下一个活动并按回时，字体会恢复。我猜这与 ActionBar 属性有关。
@Digit：这对“Holo 主题”很有效，但不适用于“Material Theme”（android L）。找到了titleId，但textview为null..有什么想法可以解决这个问题吗？谢谢！

【解决方案15】：

您可以使用自定义 TypefaceSpan 类来执行此操作。它优于上面提到的customView 方法，因为它在使用其他操作栏元素（如扩展操作视图）时不会中断。

这样一个类的使用看起来像这样：

SpannableString s = new SpannableString("My Title");
s.setSpan(new TypefaceSpan(this, "MyTypeface.otf"), 0, s.length(),
        Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

// Update the action bar title with the TypefaceSpan instance
ActionBar actionBar = getActionBar();
actionBar.setTitle(s);

自定义TypefaceSpan 类被传递给您的活动上下文和assets/fonts 目录中的字体名称。它加载文件并在内存中缓存一个新的Typeface 实例。 TypefaceSpan 的完整实现非常简单：

/**
 * Style a {@link Spannable} with a custom {@link Typeface}.
 * 
 * @author Tristan Waddington
 */
public class TypefaceSpan extends MetricAffectingSpan {
      /** An <code>LruCache</code> for previously loaded typefaces. */
    private static LruCache<String, Typeface> sTypefaceCache =
            new LruCache<String, Typeface>(12);

    private Typeface mTypeface;

    /**
     * Load the {@link Typeface} and apply to a {@link Spannable}.
     */
    public TypefaceSpan(Context context, String typefaceName) {
        mTypeface = sTypefaceCache.get(typefaceName);

        if (mTypeface == null) {
            mTypeface = Typeface.createFromAsset(context.getApplicationContext()
                    .getAssets(), String.format("fonts/%s", typefaceName));

            // Cache the loaded Typeface
            sTypefaceCache.put(typefaceName, mTypeface);
        }
    }

    @Override
    public void updateMeasureState(TextPaint p) {
        p.setTypeface(mTypeface);

        // Note: This flag is required for proper typeface rendering
        p.setFlags(p.getFlags() | Paint.SUBPIXEL_TEXT_FLAG);
    }

    @Override
    public void updateDrawState(TextPaint tp) {
        tp.setTypeface(mTypeface);

        // Note: This flag is required for proper typeface rendering
        tp.setFlags(tp.getFlags() | Paint.SUBPIXEL_TEXT_FLAG);
    }
}

只需将上述类复制到您的项目中，并在您的活动的onCreate 方法中实现它，如上所示。

【讨论】：

不错的答案。令人高兴的是，您还展示了一种缓存字体元素的方法。
这太棒了。一个问题 - 如果 textAllCaps 属性在底层 TextView 上设置为 true（例如，通过主题），那么自定义字体将不会出现。当我将此技术应用于操作栏选项卡项时，这对我来说是个问题。
请注意，该类的实现假定您将字体文件放在assets/fonts/ 中。如果您只是将 .ttf/.otf 文件放在 assets 下而不是子文件夹中，则应相应地修改以下代码行：String.format("fonts/%s", typefaceName)。我花了 10 分钟试图弄清楚。如果你不这样做，你会得到java.lang.RuntimeException: Unable to start activity ComponentInfo{com.your.pckage}: java.lang.RuntimeException: native typeface cannot be made
在启动应用程序的那一刻，默认的标题样式是可见的，大约 1 秒后自定义样式出现。糟糕的用户界面...
这是一个很好的答案，帮助了我很多。我要添加的一项改进是将缓存机制移到 TypefaceSpan 之外的自己的类中。我遇到了其他情况，我使用的是没有跨度的字体，这让我也可以在这些情况下利用缓存。

【解决方案16】：

要添加到@Sam_D 的答案，我必须这样做才能使其工作：

this.setTitle("my title!");
((TextView)v.findViewById(R.id.title)).setText(this.getTitle());
TextView title = ((TextView)v.findViewById(R.id.title));
title.setEllipsize(TextUtils.TruncateAt.MARQUEE);
title.setMarqueeRepeatLimit(1);
// in order to start strolling, it has to be focusable and focused
title.setFocusable(true);
title.setSingleLine(true);
title.setFocusableInTouchMode(true);
title.requestFocus();

这似乎有点矫枉过正 - 引用 v.findViewById(R.id.title)) 两次 - 但这是让我这样做的唯一方法。

【讨论】：

【解决方案17】：

这是一个丑陋的黑客，但你可以这样做（因为 action_bar_title 是隐藏的）：

    try {
        Integer titleId = (Integer) Class.forName("com.android.internal.R$id")
                .getField("action_bar_title").get(null);
        TextView title = (TextView) getWindow().findViewById(titleId);
        // check for null and manipulate the title as see fit
    } catch (Exception e) {
        Log.e(TAG, "Failed to obtain action bar title reference");
    }

此代码适用于后 GINGERBREAD 设备，但也可以轻松扩展以与操作栏 Sherlock 一起使用

附：基于@pjv 评论，有更好的方法来查找操作栏标题 ID

final int titleId = 
    Resources.getSystem().getIdentifier("action_bar_title", "id", "android");

【讨论】：

我更喜欢 dtmilano 在stackoverflow.com/questions/10779037/… 中的回答。它很相似，但更具未来性。
@pjv - 同意。似乎不那么“hacky”。我修改了答案
所以问题是关于自定义字体。这回答了如何获取默认操作栏的文本视图。
@kilaka - 想法是，如果您获得文本视图设置自定义字体将是微不足道的。虽然这是一篇旧帖子，但我认为 twaddington 的答案更受欢迎