Android
Anpassade teckensnitt

Lägga till ett anpassat teckensnitt i din app

1. Gå till (projektmappen)
2. Sedan app -> src -> main.
3. Skapa mappens tillgångar -> teckensnitt i huvudmappen.
4. Lägg din "fontfile.ttf" i teckensnittsmappen.

Initierar ett teckensnitt

private Typeface myFont;

// A good practice might be to call this in onCreate() of a custom
// Application class and pass 'this' as Context. Your font will be ready to use
// as long as your app lives
public void initFont(Context context) {
    myFont = Typeface.createFromAsset(context.getAssets(), "fonts/Roboto-Light.ttf");
}

Använda ett anpassat teckensnitt i en TextView

public void setFont(TextView textView) {
    textView.setTypeface(myFont);    
}

Tillämpa teckensnitt på TextView av xml (krävs inte Java-kod)

TextViewPlus.java:

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 typeface = null;
        try {
            typeface = Typeface.createFromAsset(ctx.getAssets(), asset);
        } catch (Exception e) {
            Log.e(TAG, "Unable to load typeface: "+e.getMessage());
            return false;
        }

        setTypeface(typeface);
        return true;
    }
}

attrs.xml: (Var ska placera res / värden )

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

Hur man använder:

<?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-auto"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <com.mypackage.TextViewPlus
        android:id="@+id/textViewPlus1"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:text="@string/showingOffTheNewTypeface"
        foo:customFont="my_font_name_regular.otf">
    </com.mypackage.TextViewPlus>
</LinearLayout>

Anpassat teckensnitt i duktext

Rita text i duk med ditt teckensnitt från tillgångar.

Typeface typeface = Typeface.createFromAsset(getAssets(), "fonts/SomeFont.ttf");
Paint textPaint = new Paint();
textPaint.setTypeface(typeface);
canvas.drawText("Your text here", x, y, textPaint);

Effektiv typ av laddning av typsnitt

Att ladda anpassade teckensnitt kan leda till en dålig prestanda. Jag rekommenderar starkt att du använder denna lilla hjälper som sparar / laddar dina redan använda teckensnitt till en Hashtable.

public class TypefaceUtils {

private static final Hashtable<String, Typeface> sTypeFaces = new Hashtable<>();

/**
 * Get typeface by filename from assets main directory
 *
 * @param context
 * @param fileName the name of the font file in the asset main directory
 * @return
 */
public static Typeface getTypeFace(final Context context, final String fileName) {
    Typeface tempTypeface = sTypeFaces.get(fileName);

    if (tempTypeface == null) {
        tempTypeface = Typeface.createFromAsset(context.getAssets(), fileName);
        sTypeFaces.put(fileName, tempTypeface);
    }

    return tempTypeface;
}

}

Användande:

Typeface typeface = TypefaceUtils.getTypeface(context, "RobotoSlab-Bold.ttf");
setTypeface(typeface);

Anpassat teckensnitt för hela aktiviteten

public class ReplaceFont {

public static void changeDefaultFont(Context context, String oldFont, String assetsFont) {
    Typeface typeface = Typeface.createFromAsset(context.getAssets(), assetsFont);
    replaceFont(oldFont, typeface);
}

private static void replaceFont(String oldFont, Typeface typeface) {
    try {
        Field myField = Typeface.class.getDeclaredField(oldFont);
        myField.setAccessible(true);
        myField.set(null, typeface);
    } catch (NoSuchFieldException e) {
        e.printStackTrace();
    } catch (IllegalAccessException e) {
        e.printStackTrace();
    }
}

Sedan i din aktivitet i onCreate() :

// Put your font to assets folder...

ReplaceFont.changeDefaultFont(getApplication(), "DEFAULT", "LinLibertine.ttf");

Arbeta med teckensnitt i Android O

Android O ändrar sättet att arbeta med teckensnitt.

Android O introducerar en ny funktion, kallad typsnitt i XML , som låter dig använda typsnitt som resurser. Detta betyder att det inte finns något behov av att paketera teckensnitt som tillgångar. Teckensnitt sammanställs nu i en R- fil och är automatiskt tillgängliga i systemet som en resurs.

För att lägga till ett nytt teckensnitt måste du göra följande:

• Skapa en ny resurskatalog: res/font .
• Lägg till dina teckensnittsfiler i den här teckensnittsmappen. Genom att lägga till myfont.ttf kan du till exempel använda det här teckensnittet via R.font.myfont .

Du kan också skapa din egen typsnitt genom att lägga till följande XML-fil i res/font katalogen:

<?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/lobster_regular" />
    <font
        android:fontStyle="italic"
        android:fontWeight="400"
        android:font="@font/lobster_italic" />
</font-family>

Du kan använda både teckensnittsfilen och teckensnittsfilen på samma sätt:

• I en XML-fil, med attributet android:fontFamily , till exempel så här:

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

  Eller så här:

  <style name="customfontstyle" parent="@android:style/TextAppearance.Small">
      <item name="android:fontFamily">@font/myfont</item>
  </style>
  

• I din kod använder du följande kodrader:

  Typeface typeface = getResources().getFont(R.font.myfont);
  textView.setTypeface(typeface);