Подтвердить что ты не робот

Как настроить собственный шрифт для заголовка в андроиде панели инструментов

Я делаю это:

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

Я хочу установить собственный шрифт для текста здесь, в заголовке "привет". Как это сделать?

4b9b3361

Ответ 1

Обновление 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);

Ответ 2

Так как 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);

Ответ 3

Я все еще хотел использовать методы заголовков Toolbars (а также не хотел иметь собственный класс панели инструментов), поэтому добавление в пользовательский TextView внутри элемента xml панели инструментов не сработало для меня. Вместо этого я использовал следующий метод для поиска 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;
            }
        }
    }
}

Ответ 4

Вы можете сделать это, используя только темы:

Я написал статью с изложением полного решения. Вот основы:

1) Определите тему в styles.xml:

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

2) Установите эту тему в макете Toolbar:

<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

Ответ 5

  • Размещение шрифтов:

    • Во-первых, загрузите файл .ttf. Мой файл Balker.ttf
    • убедитесь, что у вас есть папка "активы". Если его нет, щелкните правой кнопкой мыши по ссылке в меню "Создать" > "Папка" > "Свойства".
    • В папке "Ресурсы" создайте новую папку и назовите ее "font"
    • Поместите свой файл, как я сделал с Balker.ttf, в папку "font".
  • Перейдите в 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); }
    
    
     }
    

Ответ 6

Вы можете создать папку шрифтов в каталоге res в последней версии Android studio 3. После этого вам необходимо определить собственный стиль в стилях, и после этого вы должны будете использовать titleTextAppearance на панели инструментов, чтобы определить стиль, который вы определили.

Шаги, как показано ниже.

1. Создайте каталог шрифтов: res > Каталог ресурсов Android > Тип ресурса: шрифты и нажмите Ok, чтобы создать каталог шрифтов (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. Теперь откройте макет и добавьте приложение: 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" />

Это СДЕЛАНО. Теперь, если вы запускаете приложение, вы можете увидеть набор шрифтов для вашей панели инструментов.

Ответ 7

Вы можете использовать этот простой метод, чтобы установить собственный шрифт в заголовок панели инструментов.

 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;
    }

Ответ 8

Это работает для меня

typeFace= Typeface.createFromAsset(this.getAssets(), "fonts/myfont.ttf");
((TextView)toolbar.getChildAt(1)).setTypeface(typeFace);

Ответ 9

Если у кого-то есть проблема с получением нескольких заголовков панели инструментов (по умолчанию и одного из них) для 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);

Ответ 10

Я также искал этот вопрос, и это был один из первых ответов. Я добавлю свое решение, так как приведенное здесь может считаться немного устаревшим (имейте в виду, что оно будет работать, тем не менее).

Поскольку 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>

Надеюсь, это помогло.

Ответ 11

Спасибо @gmetax, это хороший момент. Это плохо для доступа к текстовому виду для каждого вида деятельности. Мы должны написать код ниже для каждого вида деятельности:

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");

Ответ 12

Я все еще хотел использовать методы заголовков Toolbars, поэтому добавление пользовательского TextView внутри элемента xml панели инструментов не помогло мне. Вместо этого я использовал следующий метод для поиска 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;
            }
        }
    }
}

Ответ 13

Если вы используете шрифты 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>

а затем просто установите свойство fontFamily для вашего меню TextView в меню Attributes (опция More Fonts в конце раскрывающегося списка)

android:fontFamily="@font/open_sans

Ответ 14

Просто добавьте textapperance в свою панель инструментов xml, нет необходимости в custumization: -

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

Ответ 15

Вы можете использовать пользовательский шрифт панели инструментов программно

1) Сначала создайте шрифты sub dir в папке активов

2) Добавьте файлы шрифтов в папку шрифтов.

  toolbar.setTitle("Welcome");
        Typeface fromAsset  = Typeface.createFromAsset(getAssets(),"fonts/OpenSans-Light.ttf");
        ((TextView)toolbar.getChildAt(1)).setTypeface(fromAsset); 

Ответ 16

1-е создание

  <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);

Ответ 17

Нет необходимости использовать внешний просмотр текста, если вы хотите изменить только шрифт заголовка панели инструментов, потому что android.support.v7.appcompat 24.2 Toolbar имеет метод setTitleTextAppearance и вы можете установить его шрифт, как setTitleTextAppearance ниже.

создать новый стиль в styles.xml

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

и использовать это

mToolbar.setTitleTextAppearance(this, R.style.CamptonBookTextAppearance);

Ответ 18

Просто скачайте, какой шрифт вы хотите показать в заголовке и переместите его в папку шрифтов res-> и создайте там файл fontfamily

<?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>

Теперь добавьте fontfamily = "ваше загруженное семейство шрифтов, например, a.ttf" в ваш XML файл, вот и все

Ответ 19

Я сделал адаптер для привязки для этой цели.

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

Ответ 20

Загрузите пользовательский шрифт и сохраните его в папке шрифтов внутри папки res. Так как панель инструментов является группой просмотра, мы можем поместить 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.