Android - Использование собственного шрифта - PullRequest
259 голосов
/ 06 сентября 2010

Я применил пользовательский шрифт к TextView, но, похоже, он не меняет шрифт.

Вот мой код:

    Typeface myTypeface = Typeface.createFromAsset(getAssets(), "fonts/myFont.ttf");
    TextView myTextView = (TextView)findViewById(R.id.myTextView);
    myTextView.setTypeface(myTypeface);

Может кто-нибудь, пожалуйста, дайте мнеиз этого вопроса?

Ответы [ 21 ]

226 голосов
/ 06 сентября 2010

В Mobiletuts + есть очень хорошее руководство по форматированию текста для Android. Быстрый совет: настройка шрифтов Android

РЕДАКТИРОВАТЬ: Теперь проверил это сам. Вот решение. Вы можете использовать подпапку с именем fonts, но она должна находиться в папке assets, а не в папке res. Так

активы / шрифты

Также убедитесь, что окончание шрифта, я имею в виду окончание самого файла шрифта, все в нижнем регистре. Другими словами, это не должно быть myFont.TTF, но myfont.ttf , этот путь должен быть в нижнем регистре

55 голосов
/ 26 мая 2014

Попробовав большинство решений, описанных в этой теме, я случайно обнаружил Calligraphy (https://github.com/chrisjenx/Calligraphy)) - библиотеку Кристофера Дженкинса, которая позволяет легко добавлять собственные шрифты в ваше приложение. Преимущества его библиотеки по сравнению с подходами здесь предлагается:

  1. вам не нужно вводить свой собственный переопределенный компонент TextView, вы используете встроенный TextView
  2. вы можете легко включить библиотеку, используя gradle
  3. Библиотека не ограничивает ваш выбор шрифтов; Вы просто добавляете предпочтительные в каталог dir
  4. вы не только получаете пользовательские текстовые представления - все другие текстовые компоненты Android также будут отображаться с использованием вашего пользовательского шрифта.
32 голосов
/ 29 сентября 2014

Я знаю, что уже есть хорошие ответы, но вот полностью рабочая реализация.

Вот пользовательский вид текста:

package com.mycompany.myapp.widget;

/**
 * Text view with a custom font.
 * <p/>
 * In the XML, use something like {@code customAttrs:customFont="roboto-thin"}. The list of fonts
 * that are currently supported are defined in the enum {@link CustomFont}. Remember to also add
 * {@code xmlns:customAttrs="http://schemas.android.com/apk/res-auto"} in the header.
 */
public class CustomFontTextView extends TextView {

    private static final String sScheme =
            "http://schemas.android.com/apk/res-auto";
    private static final String sAttribute = "customFont";

    static enum CustomFont {
        ROBOTO_THIN("fonts/Roboto-Thin.ttf"),
        ROBOTO_LIGHT("fonts/Roboto-Light.ttf");

        private final String fileName;

        CustomFont(String fileName) {
            this.fileName = fileName;
        }

        static CustomFont fromString(String fontName) {
            return CustomFont.valueOf(fontName.toUpperCase(Locale.US));
        }

        public Typeface asTypeface(Context context) {
            return Typeface.createFromAsset(context.getAssets(), fileName);
        }
    }

    public CustomFontTextView(Context context, AttributeSet attrs) {
        super(context, attrs);

        if (isInEditMode()) {
            return;
        } else {
            final String fontName = attrs.getAttributeValue(sScheme, sAttribute);

            if (fontName == null) {
                throw new IllegalArgumentException("You must provide \"" + sAttribute + "\" for your text view");
            } else {
                final Typeface customTypeface = CustomFont.fromString(fontName).asTypeface(context);
                setTypeface(customTypeface);
            }
        }
    }
}

Вот пользовательские атрибуты. Это должно перейти к вашему res/attrs.xml файлу:

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

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

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:customAttrs="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.mycompany.myapp.widget.CustomFontTextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="foobar"
         customAttrs:customFont="roboto_thin" />

</RelativeLayout>
14 голосов
/ 06 сентября 2010

Я успешно использовал это раньше.Единственная разница между нашими реализациями состоит в том, что я не использовал подпапку в активах.Хотя не уверен, что это что-то изменит.

14 голосов
/ 03 марта 2014

Если вы поместили шрифт в нужное место и в самом файле шрифта не было ошибок, ваш код должен работать так, RATTLESNAKE.

Однако было бы намного проще, если бы вы моглипросто определите шрифт в вашем макете XML, например:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <!-- This text view is styled with the app theme -->
    <com.innovattic.font.FontTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="This uses my font in bold italic style" />

    <!-- This text view is styled here and overrides the app theme -->
    <com.innovattic.font.FontTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:flFont="anotherFont"
        android:textStyle="normal"
        android:text="This uses another font in normal style" />

    <!-- This text view is styled with a style and overrides the app theme -->
    <com.innovattic.font.FontTextView
        style="@style/StylishFont"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="This also uses another font in normal style" />

</LinearLayout>

С сопровождающим res/values/styles.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools">

    <!-- Application theme -->
    <!-- Use a different parent if you don't want Holo Light -->
    <style name="AppTheme" parent="android:Theme.Holo.Light.DarkActionBar">
        <item name="android:textViewStyle">@style/MyTextViewStyle</item>
    </style>

    <!-- Style to use for ALL text views (including FontTextView) -->
    <!-- Use a different parent if you don't want Holo Light -->
    <style name="MyTextViewStyle" parent="@android:style/Widget.Holo.Light.TextView">
        <item name="android:textAppearance">@style/MyTextAppearance</item>
    </style>

    <!-- Text appearance to use for ALL text views (including FontTextView) -->
    <!-- Use a different parent if you don't want Holo Light -->
    <style name="MyTextAppearance" parent="@android:style/TextAppearance.Holo">
        <!-- Alternatively, reference this font with the name "aspergit" -->
        <!-- Note that only our own TextView's will use the font attribute -->
        <item name="flFont">someFont</item>
        <item name="android:textStyle">bold|italic</item>
    </style>

    <!-- Alternative style, maybe for some other widget -->
    <style name="StylishFont">
        <item name="flFont">anotherFont</item>
        <item name="android:textStyle">normal</item>
    </style>

</resources>

Я создал несколько инструментов специально для этой цели.Обратитесь к этому проекту от GitHub или посмотрите на это сообщение в блоге , которое объясняет все это.

12 голосов
/ 04 апреля 2017

Лучший способ сделать это из предварительной версии Android O:

Работает только если у вас Android Studio-2.4 или выше

  1. Щелкните правой кнопкой мыши папку res и перейдите в Новый> каталог ресурсов Android . Новый
    Откроется окно каталога ресурсов.
  2. В списке Тип ресурса выберите шрифт и нажмите кнопку ОК.
  3. Добавьте файлы шрифтов в папку шрифтов . Структура папок ниже генерирует R.font.dancing_script, R.font.la_la и R.font.ba_ba.
  4. Дважды щелкните файл шрифта, чтобы просмотреть шрифты файла в редакторе.

Далее мы должны создать семейство шрифтов:

  1. Щелкните правой кнопкой мыши папку шрифтов и выберите Создать> Файл ресурсов шрифта . Откроется окно «Новый файл ресурса».
  2. Введите Имя файла и нажмите кнопку ОК . Новый ресурс шрифта XML открывается в редакторе.
  3. Включите каждый файл шрифта, стиль и атрибут веса в элемент тега шрифта. Следующий XML-код иллюстрирует добавление связанных со шрифтом атрибутов в XML-код ресурса шрифта:

Добавление шрифтов в TextView:

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

Начиная с документации

Работа со шрифтами

Все шаги верны.

12 голосов
/ 03 сентября 2014

Для пользовательских шрифтов в Android создайте папку в папке с активами и назовите ее «шрифты», поместите в нее нужный файл fonts.ttf или .otf.

Если вы расширяете UIBaseFragment:

Typeface font = Typeface.createFromAsset(getActivity().getAssets(), "fonts/Arial.ttf");
        tv.setTypeface(font);

еще, если расширяет. Активность:

Typeface font = Typeface.createFromAsset(getContext().getAssets(), "fonts/Arial.ttf");
        tv.setTypeface(font);
7 голосов
/ 07 августа 2013

Вы можете использовать PixlUI на https://github.com/neopixl/PixlUI

импортировать их .jar и использовать его в XML

 <com.neopixl.pixlui.components.textview.TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/hello_world"
    pixlui:typeface="GearedSlab.ttf" />
4 голосов
/ 09 декабря 2016

К сожалению, для этого нет хорошего решения.

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

Вы можете использовать утилиту для внешнего шрифта, например:

Инструмент шрифта каллиграфии

НО Это перебирает все представления в приложении при его создании, и даже эта утилита пропускает некоторые представления (ViewPager отображает обычный шрифт), тогда возникает проблема, заключающаяся в том, что когда Google обновляет свои инструменты сборки, это иногда будет сбой, потому что он должен быть нацелен на устаревшие свойства. Он также немного медленный, поскольку использует Отражение Java .

Это действительно зависит от Google, чтобы это исправить. Нам нужна лучшая поддержка шрифтов в Android. Если вы посмотрите на решение от iOS, у них буквально есть сотни встроенных шрифтов на выбор. Хотите нестандартный шрифт? Просто вставьте TFF, и он пригодится ...

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

4 голосов
/ 12 августа 2016

Поскольку я не был удовлетворен всеми представленными решениями на SO, я придумал свои. Он основан на небольшом трюке с тегами (т. Е. Вы не можете использовать теги в своем коде), я поместил туда путь шрифта. Поэтому при определении представлений вы можете сделать следующее:

<TextView
        android:id="@+id/textViewHello1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World 1"
        android:tag="fonts/Oswald-Regular.ttf"/>

или это:

<TextView
        android:id="@+id/textViewHello2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World 2"
        style="@style/OswaldTextAppearance"/>

<style name="OswaldTextAppearance">
        <item name="android:tag">fonts/Oswald-Regular.ttf</item>
        <item name="android:textColor">#000000</item>
</style>

Теперь вы можете явно открыть / настроить вид как:

TextView textView = TextViewHelper.setupTextView(this, R.id.textViewHello1).setText("blah");

или просто настройте все через:

TextViewHelper.setupTextViews(this, (ViewGroup) findViewById(R.id.parentLayout)); // parentLayout is the root view group (relative layout in my case)

А какой магический класс вы спрашиваете? В основном склеены из других постов SO, с вспомогательными методами для активности и фрагментов:

import android.app.Activity;
import android.content.Context;
import android.graphics.Typeface;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import java.util.HashMap;
import java.util.Map;

public class TextViewHelper {
    private static final Map<String, Typeface> mFontCache = new HashMap<>();

    private static Typeface getTypeface(Context context, String fontPath) {
        Typeface typeface;
        if (mFontCache.containsKey(fontPath)) {
            typeface = mFontCache.get(fontPath);
        } else {
            typeface = Typeface.createFromAsset(context.getAssets(), fontPath);
            mFontCache.put(fontPath, typeface);
        }
        return typeface;
    }

    public static void setupTextViews(Context context, ViewGroup parent) {
        for (int i = parent.getChildCount() - 1; i >= 0; i--) {
            final View child = parent.getChildAt(i);
            if (child instanceof ViewGroup) {
                setupTextViews(context, (ViewGroup) child);
            } else {
                if (child != null) {
                    TextViewHelper.setupTextView(context, child);
                }
            }
        }
    }

    public static void setupTextView(Context context, View view) {
        if (view instanceof TextView) {
            if (view.getTag() != null) // also inherited from TextView's style
            {
                TextView textView = (TextView) view;
                String fontPath = (String) textView.getTag();
                Typeface typeface = getTypeface(context, fontPath);
                if (typeface != null) {
                    textView.setTypeface(typeface);
                }
            }
        }
    }

    public static TextView setupTextView(View rootView, int id) {
        TextView textView = (TextView) rootView.findViewById(id);
        setupTextView(rootView.getContext().getApplicationContext(), textView);
        return textView;
    }

    public static TextView setupTextView(Activity activity, int id) {
        TextView textView = (TextView) activity.findViewById(id);
        setupTextView(activity.getApplicationContext(), textView);
        return textView;
    }
}
...