Giter Site home page Giter Site logo

fontinator's Introduction

Fontinator

alt tag

Fontinator is an Android-Library that make it simply easy to use custom Fonts.

Version

1.0

How to Use:

1. Add fonts to the /assets/fonts folder of your Android Studio Project
2. Import this Project as Module
3. add compile project(':fontinator') to your Application Gradle file
dependencies {
    compile project(':fontinator')
    ...
}
4. add xmlns:app to the Layout XML root
xmlns:app="http://schemas.android.com/apk/res-auto"
5. Replace Android Widgets in Layout XML with the Fontinator Widgets

For Example simply replace:

<TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:textAllCaps="true"
  android:textStyle="bold"
  android:text="@string/hello_world"
  android:textColor="@android:color/black"
  ... />

whit this XML Code

<de.morrox.fontinator.FontTextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  app:font="My Custom Font Bold.otf"
  app:textTransform="uppercase"
  app:letterSpace="1.4"
  android:text="@string/hello_world"
  android:textColor="@android:color/black"
  ...
  />

To set font file from /assets/fonts/ (use splited fonts without android:textStyle!)

  font="My Custom Font Bold.otf"

Replace textAllCaps=true with

  textTransform="uppercase"

[Optional] Add LetterSpace

  letterSpace="1.4"
6. Enjoy Fonted Widgets

How it works

Fontinator extend TextView based Android Widgets like the Button to inject a Cached Fontface loader

Issues

Please Note that the Android Layout Editor currently can't Preview Custom Fonts

Make Custom Widgets from a TextView based Widget

Option 1: simply extend

Option 2: Use TypefaceLoader and Typefaceable Interface

    import de.morrox.fontinator.utilities.TypefaceLoader;
    import de.morrox.fontinator.utilities.Typefaceable;
    
    public class MyCustomFontView extends Button implements Typefaceable{
        private TypefaceLoader typefaceLoader;
        public MyCustomFontView(Context context, AttributeSet attrs) {
            super(context, attrs);
            typefaceLoader = TypefaceLoader.get(this, context, attrs);
        }
    
        @Override
        public void setText(CharSequence text, BufferType type) {
            Pair<CharSequence, BufferType> pair = TypefaceLoader.inject(typefaceLoader, text, type);
            super.setText(pair.first, pair.second);
        }
        
        public void setFont(String font) {
            typefaceLoader.setFont(font);
        }
    
        public void setFont(@StringRes int font) {
            typefaceLoader.setFont(getResources().getString(font));
        }
    }

fontinator's People

Watchers

James Cloos avatar Allie Y avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.