java-如何在工具栏android中的标题上设置自定义字体

我正在这样做:

toolbar = (Toolbar) findViewById(com.sports.unity.R.id.tool_bar);
setSupportActionBar(toolbar);
setTitle("hello");

我想为标题“ hello”中的文本设置自定义字体。 怎么做?

anupam x asked 2020-06-29T21:54:13Z
20个解决方案
53 votes

Update 2018(kotlin版本)

fun Toolbar.changeToolbarFont(){
    for (i in 0 until childCount) {
        val view = getChildAt(i)
        if (view is TextView && view.text == title) {
            view.typeface = Typeface.createFromAsset(view.context.assets, "fonts/customFont")
            break
        }
    }
}

并像这样使用它toolBar.changeToolbarFont()

旧帖子

要在工具栏中使用自定义标题,您需要做的就是记住,工具栏只是一个精美的ViewGroup,因此您可以像这样添加自定义标题:

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar_top"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:minHeight="?attr/actionBarSize"
    android:background="@color/action_bar_bkgnd"
    app:theme="@style/ToolBarTheme" >


     <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Toolbar Title"
        android:layout_gravity="center"
        android:id="@+id/toolbar_title" />


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

这意味着您可以根据需要设置TextView的样式,因为它只是常规的TextView。 因此,在您的活动中,您可以像这样访问标题:

Toolbar toolbarTop = (Toolbar) findViewById(R.id.toolbar_top);
TextView mTitle = (TextView) toolbarTop.findViewById(R.id.toolbar_title);

然后:

Typeface khandBold = Typeface.createFromAsset(BalrogApplication.getApplication().getAssets(), "fonts/Khand-bold.ttf");

mTitle.setTypeface(khandBold);

更新动态版本

public static void changeToolbarFont(Toolbar toolbar, Activity context) {
    for (int i = 0; i < toolbar.getChildCount(); i++) {
        View view = toolbar.getChildAt(i);
        if (view instanceof TextView) {
            TextView tv = (TextView) view;
            if (tv.getText().equals(toolbar.getTitle())) {
                applyFont(tv, context);
                break;
            }
        }
    }
}

public static void applyFont(TextView tv, Activity context) {
    tv.setTypeface(Typeface.createFromAsset(context.getAssets(), "fonts/customFont"));
}

像那样使用

changeToolbarFont(findViewById(R.id.app_bar), this);
gmetax answered 2020-06-29T21:54:57Z
44 votes

由于android.support.v7.appcompat 24.2 Toolbar具有方法setTitleTextAppearance,因此您可以设置其字体而无需外部textview

在styles.xml中创建新样式

<style name="RobotoBoldTextAppearance">
        <item name="android:fontFamily">@font/roboto_condensed_bold</item>
</style>

并使用它

mToolbar.setTitleTextAppearance(this, R.style.RobotoBoldTextAppearance);
Rainmaker answered 2020-06-29T21:55:26Z
38 votes

我仍然想使用工具栏标题方法(我也不想拥有自定义工具栏类),因此在工具栏xml元素内部添加自定义TextView对我不起作用。 相反,我使用以下方法查找TextView:

public static void applyFontForToolbarTitle(Activity context){
    Toolbar toolbar = (Toolbar) context.findViewById(R.id.app_bar);
    for(int i = 0; i < toolbar.getChildCount(); i++){
        View view = toolbar.getChildAt(i);
        if(view instanceof TextView){
            TextView tv = (TextView) view;
            Typeface titleFont = Typeface.
               createFromAsset(context.getAssets(), "fonts/customFont");
            if(tv.getText().equals(toolbar.getTitle())){
                tv.setTypeface(titleFont);
                break;
            }
        }
    }
}
afathman answered 2020-06-29T21:55:46Z
18 votes

您可以仅使用主题进行此操作:

我写了一篇文章,概述了完整的解决方案。 以下是基本知识:

1)在.ttf中定义一个主题:

<style name="ToolbarTheme" parent="ThemeOverlay.AppCompat.Light">
    <item name="android:fontFamily">@font/fancy-font</item>
</style>

2)在.ttfs布局中设置该主题:

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@color/colorPrimary"
    android:theme="@style/ToolbarTheme"/>

假设您有一个.ttf文件存储在res/font中:

Resourced directory with font

ahaisting answered 2020-06-29T21:56:24Z
8 votes

您可以在最新版本的Android Studio 3中的res目录下创建fonts文件夹。此后,您必须在样式中定义自定义样式,然后,必须在工具栏中使用titleTextAppearance来定义样式。

步骤如下。

1.创建字体目录:res> Android资源目录>资源类型:字体,然后单击确定以创建字体目录(Android studio 3)。

  1. 打开styles.xml并制作如下的自定义样式

    <style name="**TextAppearance.TabsFont**" parent="**android:TextAppearance**">
        <item name="android:fontFamily">font/rmedium</item>
        <item name="android:textSize">18sp</item>
    </style>
    

3.现在打开布局,并将app:titleTextAppearance =“ @ style / TextAppearance.TabsFont”添加到工具栏标签,如下所示。

<android.support.v7.widget.Toolbar

    android:id="@+id/toolbarMain"
    app:title="@string/time_amp_date"
    app:titleTextAppearance="@style/TextAppearance.TabsFont"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@color/colorPrimary"
    android:theme="@style/AppTheme"
    app:elevation="2dp" />

完成。 现在,如果您正在运行应用程序,则可以看到设置为工具栏的字体。

sirvan alie answered 2020-06-29T21:57:06Z
5 votes
  1. 字体的位置:

    • 首先,下载一个.ttf文件。 我的文件是Balker.ttf
    • 确保您有一个“资产”文件夹。 如果没有,请右键单击应用程序,然后转到“新建”>“文件夹”>“资产文件夹”
    • 在资产文件夹中,创建一个新文件夹,并将其命名为“ font”
    • 与使用Balker.ttf一样,将您的文件放入“ font”文件夹。
  2. 转到您必须自定义其字体的活动的Java文件。 我在这里自定义了mainActivity。

     for(int i = 0; i < toolbar.getChildCount(); i++)     
     { View view = toolbar.getChildAt(i);
    
        if(view instanceof TextView) {
            TextView textView = (TextView) view;
    
            Typeface myCustomFont=Typeface.createFromAsset(getAssets(),"font/Balker.ttf");
            textView.setTypeface(myCustomFont); }
    
    
     }
    
arushe answered 2020-06-29T21:57:48Z
3 votes

您可以使用此简单方法将自定义字体设置为工具栏标题。

 Toolbar   toolbar = (Toolbar) findViewById(com.sports.unity.R.id.tool_bar);
        TextView tv = getToolBarTextView();
        tv.settext("Hello");

private TextView getToolBarTextView() {
        TextView titleTextView = null;

        try {
            Field f = mToolBar.getClass().getDeclaredField("mTitleTextView");
            f.setAccessible(true);
            titleTextView = (TextView) f.get(mToolBar);

     Typeface font = Typeface.createFromAsset(getApplicationContext().getAssets(),"fonts/mfont.ttf");
    titleTextView.setTypeface(font);

        } catch (NoSuchFieldException e) {
        } catch (IllegalAccessException e) {
        }
        return titleTextView;
    }
EminenT answered 2020-06-29T21:58:08Z
2 votes

这对我有用

typeFace= Typeface.createFromAsset(this.getAssets(), "fonts/myfont.ttf");
((TextView)toolbar.getChildAt(1)).setTypeface(typeFace);
mohammad golche answered 2020-06-29T21:58:28Z
1 votes

如果有人遇到为XML获取多个工具栏标题(一个默认和一个您设置的标题)的问题:

  <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            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:layout_gravity="left"
                android:id="@+id/toolbar_title"
                android:textSize="20sp"/>

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

然后这样做:

        getSupportActionBar().setTitle(null);//Set the default to null
        typeFace= Typeface.createFromAsset(getAssets(), "fonts/Raleway-Light.ttf");
        toolbarTitle = (TextView) toolbar.findViewById(R.id.toolbar_title);
        toolbarTitle.setTypeface(typeFace);
realpac answered 2020-06-29T21:58:52Z
1 votes

我也搜索了这个问题,这是出现的第一个答案。 我将添加我的解决方案,因为这里给出的解决方案可以算是有点过时了(请记住,它仍然可以工作)。

由于Android现在支持自定义字体,因此没有必要在Java中分配字体,因此可以在制作XML文件本身的同时完成。

首先,在布局文件中,添加自定义工具栏(您可以在此处自行设置文字大小)

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar_top"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:minHeight="?attr/actionBarSize"
        android:background="@color/primary">
        <TextView
            android:id="@+id/toolbar_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/signup"
            android:textSize="22sp" />
    </android.support.v7.widget.Toolbar>

然后,转到XML文件的“设计”选项卡,然后在工具栏上选择文本。

Step 1

选择fontFamily的选项,然后在给定的选项下选择所需的字体。 如果未提供,则可以搜索更多字体。

Step 2

搜索所需的字体并选择它。 您的字体已更改。

Step 3

现在,您的XML文件将反映您添加的字体,将有一个名为android:fontFamily的属性

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar_top"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:minHeight="?attr/actionBarSize"
        android:background="@color/primary">
        <TextView
            android:id="@+id/toolbar_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="@font/roboto_slab"
            android:text="@string/signup"
            android:textColor="@color/secondaryBackground"
            android:textSize="22sp" />
    </android.support.v7.widget.Toolbar>

希望这会有所帮助。

anshajkhare answered 2020-06-29T21:59:43Z
0 votes

谢谢@gmetax,这很不错。 访问每个活动的textview很不好。 我们必须为每个活动在下面编写代码:

TextView mTitle = (TextView) toolbarTop.findViewById(R.id.toolbar_title);

我们已经绑定了工具栏,并使用了toolbar.setTitle()。 因此,我扩展了工具栏并重写了setTitle方法,如下所示:

@Override
public void setTitle(CharSequence title) {
    super.setTitle("");
    mTitle = (TextView) findViewById(R.id.toolbar_title);
    if (mTitle != null) {
        if (!TextUtils.isEmpty(title)) {
            mTitle.setText(title);
        }
    }
}

(当然,自定义字体应在CustomTextView class.setTypeface中设置)现在,我们可以像这样使用:

toolbar.setTitle("bla bla");
farukcankaya answered 2020-06-29T22:00:12Z
0 votes

我仍然想使用工具栏标题方法,因此在工具栏xml元素内部添加自定义TextView对我不起作用。 相反,我使用以下方法查找TextView:

public static void applyFontForToolbarTitle(Activity context){
    Toolbar toolbar = (Toolbar) context.findViewById(R.id.app_bar);
    for(int i = 0; i < toolbar.getChildCount(); i++){
        View view = toolbar.getChildAt(i);
        if(view instanceof TextView){
            TextView tv = (TextView) view;
            Typeface titleFont = Typeface.
               createFromAsset(context.getAssets(), "fonts/customFont");
            if(tv.getText().equals(context.getTitle())){
                tv.setTypeface(titleFont);
                break;
            }
        }
    }
}
afathman answered 2020-06-29T22:00:33Z
0 votes

如果您使用的是Google字体(即Open Sans),则可以像这样将TextView添加为工具栏的子级

<android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            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:fontFamily="@font/open_sans"/>

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

然后只需在“属性”菜单中为TextView设置fontFamily属性(下拉列表末尾的“更多字体”选项)

android:fontFamily="@font/open_sans
kashlo answered 2020-06-29T22:00:57Z
0 votes

只需在工具栏xml中添加textappearance即可,无需自定义:-

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar 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="wrap_content"
android:background="@color/colorPrimary"
android:gravity="center"
android:minHeight="?attr/actionBarSize"
**app:titleTextAppearance="@font/montserrat_regular"**// apply your font
app:titleTextColor="@android:color/white" />
Nikhil Jadhav answered 2020-06-29T22:01:17Z
0 votes

您可以通过编程方式使用工具栏的自定义字体

1)首先在资产文件夹中创建子目录字体

2)将字体文件添加到fonts文件夹中。

  toolbar.setTitle("Welcome");
        Typeface fromAsset  = Typeface.createFromAsset(getAssets(),"fonts/OpenSans-Light.ttf");
        ((TextView)toolbar.getChildAt(1)).setTypeface(fromAsset); 
Pritam answered 2020-06-29T22:01:46Z
0 votes

第一次创建

  <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/DancingWhite"
            app:popupTheme="@style/AppTheme.PopupOverlay"
            >


 <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Toolbar Title"
    android:layout_gravity="center"
    android:id="@+id/toolbar_title" />

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

第二名

您的活动可以像这样访问标题:

 Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
 TextView mTitle = (TextView) 
 toolbar.findViewById(R.id.toolbar_title);

 Typeface font = Typeface.createFromAsset(getAssets(), "Mukta- Regular.ttf");

  mTitle.setTypeface(font);
Sudhir singh answered 2020-06-29T22:02:14Z
0 votes

如果您只想更改工具栏标题的字体,则无需使用外部textview,因为android.support.v7.appcompat 24.2 Toolbar具有方法setTitleTextAppearance,您可以如下设置其字体。

在styles.xml中创建新样式

<style name="CamptonBookTextAppearance">
     <item name="android:fontFamily">@font/campton_book</item>
</style>

并使用它

mToolbar.setTitleTextAppearance(this, R.style.CamptonBookTextAppearance);
Rahul answered 2020-06-29T22:02:43Z
0 votes

只需下载要在标题中显示的字体,然后将其移动到res-> font文件夹下,然后在该文件夹中创建一个文件即可

<?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/futura_book" />


<font
    android:fontStyle="normal"
    android:fontWeight="400"
    android:font="@font/your font file name" />




</font-family>

现在在您的xml文件中添加fontfamily =“您下载的字体家族名称,如a.ttf”

Mukesh Rawat answered 2020-06-29T22:03:07Z
0 votes

为此,我制作了一个绑定适配器。

public class FontBindingAdapter
{
    @BindingAdapter({"font"})
    public static void setFont(Toolbar toolbar, String font)
    {
        for (int i = 0; i < toolbar.getChildCount(); i++) {
            if (toolbar.getChildAt(i) instanceof AppCompatTextView) {
                UIUtil.setFont(font, (AppCompatTextView) toolbar.getChildAt(i));
            }
        }
    }
}

然后像这样使用它:

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="@color/green"
                app:font="@{`LatoRegular`}"
                app:title="@string/setup_favorites"
                app:titleTextColor="@color/white"/>

nilsi answered 2020-06-29T22:03:32Z
0 votes

下载自定义字体,并将其保存在res文件夹内的font文件夹中。由于工具栏是一个viewGroup,因此我们可以将textView放置在工具栏中,并按以下方式使用

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:elevation="0dp">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        >
        <TextView
            android:id="@+id/toolbar_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Toolbar"
            android:gravity="center"
            android:fontFamily="@font/roboto_regular" <--- custom font
            android:textColor="@color/white"
            android:textStyle="bold"
            android:textAppearance="@style/Base.TextAppearance.Widget.AppCompat.Toolbar.Title"
            />

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


</android.support.design.widget.AppBarLayout>

此方法还用于使字体变为BOLD。

Prakash Sharma answered 2020-06-29T22:03:56Z
translate from https://stackoverflow.com:/questions/32398104/how-to-set-a-custom-font-to-the-title-in-toolbar-android