Пользовательские шрифты и макеты XML (Android)

Question

Пользовательские шрифты и макеты XML (Android)

Я пытаюсь определить макет GUI, используя файлы XML в Android. Насколько я могу судить, нет никакого способа указать, что ваши виджеты должны использовать собственный шрифт (например, тот, который вы поместили в assets/font/) в XML-файлах, и вы можете использовать только системные шрифты.

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

Какие еще варианты у меня есть? Есть ли лучшие способы сделать виджеты, которые имеют индивидуальный вид? Я не хочу вручную менять шрифт для каждого нового виджета, который я добавляю.

174

java android user-interface fonts interface

Источник

user284055 04 мар '10 в 01:13

18 ответов

Другие вопросы по тегам java android user-interface fonts interface

user178910 25 авг '11 в 22:14 2011-08-25 22:14 · Answer 1 · 2011-08-25 22:14

Вы можете расширить 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>

main.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" в папку ресурсов.

ОБНОВЛЕНИЕ 1/1/13

Есть серьезные проблемы с памятью с этим методом. Смотрите комментарий chedabob ниже.

user421372 09 май '13 в 11:58 2013-05-09 11:58 · Answer 2 · 2013-05-09 11:58

Я опоздал на вечеринку на 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" />

user1255990 22 апр '13 в 05:40 2013-04-22 05:40 · Answer 3 · 2013-04-22 05:40

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

Класс 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());

user2338613 01 май '14 в 16:08 2014-05-01 16:08 · Answer 4 · 2014-05-01 16:08

Старый вопрос, но я, конечно, хотел бы прочитать этот ответ здесь, прежде чем начать собственный поиск хорошего решения. Каллиграфия расширяет android:fontFamily Атрибут для добавления поддержки пользовательских шрифтов в папке ресурсов, например:

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

Единственное, что вам нужно сделать, чтобы активировать его, это подключить его к контексту действия, которое вы используете:

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

Вы также можете указать свой собственный атрибут для замены android:fontFamily

Он также работает в темах, включая AppTheme.

user3672184 03 сен '15 в 16:51 2015-09-03 16:51 · Answer 5 · 2015-09-03 16:51

Использование 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/

8

Источник

user3672184 03 сен '15 в 16:51

user835112 02 май '12 в 13:30 2012-05-02 13:30 · Answer 6 · 2012-05-02 13:30

Если у вас есть только одна гарнитура, которую вы хотите добавить, и вы хотите писать меньше кода, вы можете создать специальный 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="" />

user5379062 28 мар '17 в 05:32 2017-03-28 05:32 · Answer 7 · 2017-03-28 05:32

Лучший способ сделать это из предварительной версии 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"**/>

Как из документации

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

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

user384306 24 фев '11 в 19:38 2011-02-24 19:38 · Answer 8 · 2011-02-24 19:38

Простираться TextView и присвойте ему собственный атрибут или просто используйте атрибут android:tag, чтобы передать строку того шрифта, который вы хотите использовать. Вам нужно будет выбрать соглашение и придерживаться его, так как я положу все свои шрифты в папку res/assets/fonts/, чтобы ваш класс TextView знал, где их найти. Затем в вашем конструкторе вы просто устанавливаете шрифт вручную после супер вызова.

user287266 06 мар '10 в 00:04 2010-03-06 00:04 · Answer 9 · 2010-03-06 00:04

Единственный способ использовать пользовательские шрифты - через исходный код.

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

user3048368 13 дек '13 в 09:18 2013-12-13 09:18 · Answer 10 · 2013-12-13 09:18

У меня мог бы быть простой ответ на вопрос без расширения TextView и реализации длинного кода.

Код:

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

Поместите файл пользовательского шрифта в папку ресурсов как обычно и попробуйте это. Меня устраивает. Я просто не понимаю, почему Питер дал такой огромный код для этой простой вещи, или он дал свой ответ в старой версии.

user825137 30 окт '15 в 21:44 2015-10-30 21:44 · Answer 11 · 2015-10-30 21:44

Также может быть определен в 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

Обновлено Добавлен корневой макет, потому что этот метод нуждается xmlns:app="http://schemas.android.com/apk/res-auto" работать

Обновление 2 Забыл о библиотеке, которую я установил прежде, под названием Каллиграфия

user4797289 30 авг '17 в 12:32 2017-08-30 12:32 · Answer 12 · 2017-08-30 12:32

Есть два способа настроить шрифты:

!!! мой пользовательский шрифт в assets/fonts/iran_sans.ttf

Способ 1: Refrection Typeface.class ||| лучший способ

вызов 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;
    }

}

user964703 05 сен '12 в 13:24 2012-09-05 13:24 · Answer 13 · 2012-09-05 13:24

Ответ Питера - лучший, но его можно улучшить, используя файл styles.xml из Android, чтобы настроить шрифты для всех текстовых представлений в вашем приложении.

Мой код здесь

1

Источник

user964703 05 сен '12 в 13:24

user479555 26 фев '12 в 20:43 2012-02-26 20:43 · Answer 14 · 2012-02-26 20:43

Вот учебник, в котором показано, как настроить собственный шрифт, например, описанный @peter: http://responsiveandroid.com/2012/03/15/custom-fonts-in-android-widgets.html

он также учитывает потенциальные утечки памяти, аля http://code.google.com/p/android/issues/detail?id=9904. Также в учебном пособии приведен пример установки настраиваемого шрифта для кнопки.

user1579085 09 фев '19 в 08:41 2019-02-09 08:41 · Answer 15 · 2019-02-09 08:41

Может быть полезно знать, что начиная с Android 8.0 (уровень API 26) вы можете использовать собственный шрифт в XML.

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

Поместите шрифт в папку res/font,
В res/values/styles.xml используйте его в теме приложения.<style name="AppTheme" parent="{whatever you like}"> <item name="android:fontFamily">@font/myfont</item> </style>

user1722818 06 фев '18 в 11:34 2018-02-06 11:34 · Answer 16 · 2018-02-06 11:34

Вы можете легко сделать пользовательский класс textview:-

Итак, что вам нужно сделать в первую очередь, сделать Custom textview класс, который расширился с AppCompatTextView,

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

Теперь каждый раз при вызове Custom text view мы получим значение int из атрибута int fontValue = attrs.getAttributeIntValue("http://schemas.android.com/apk/res-auto","Lato-Regular.ttf",-1),

Или же

Мы также можем получить getTypeface() из представления, которое мы установили в нашем xml (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);
        }
    }
}

user4308437 30 ноя '14 в 10:41 2014-11-30 10:41 · Answer 17 · 2014-11-30 10:41

Fontinator - это Android-библиотека, упрощающая использование пользовательских шрифтов. https://github.com/svendvd/Fontinator

-1

Источник

user4308437 30 ноя '14 в 10:41

user250340 16 мар '11 в 18:36 2011-03-16 18:36 · Answer 18 · 2011-03-16 18:36

Вы не можете расширить TextView для создания виджета или использовать его в макете виджетов: http://developer.android.com/guide/topics/appwidgets/index.html

-5

Источник

user250340 16 мар '11 в 18:36