Android Core

Android TextView with custom fonts

While developing an android app I found that everytime I was trying to use a custom font on a TextView I copied the same lines:
 
 
 
 
 
 
 
 
 

TextView textview = (TextView) findViewById(R.id.text);
textview.setTypeface(...)

Obviously, that’s unnecessary and repetitive. Why not just create a custom view? And more, why not adding the font through xml code?

public class CustomTextView extends TextView {

  private Context mContext;
	private String mFont;
	
	public CustomTextView(Context context) {
		super(context, null);
		mContext = context;
		init();
	}

	public CustomTextView(Context context, AttributeSet attrs) {
		super(context, attrs);
		mContext = context;
		TypedArray a = context.getTheme().obtainStyledAttributes(
		        attrs,
		        R.styleable.CustomButtom,
		        0, 0);
		try {
			mFont = a.getString(R.styleable.CustomButtom_font);
		} finally {
			a.recycle();
		}
		init();
	}
	
	private void init() {
		if (mFont != null) {
			setTypeface(FontsUtils.get(mFont));
		}
	}

}

We just have to extend from TextView and read from the attribute set the font string declared on its styleable resource. Just create an attrs.xml (or use an existing one) and add the following:

<declare-styleable name="CustomTextview">
  <attr name="font" format="string" />
</declare-styleable>

Now, you could declare on your xml layout like this:

<LinearLayout
  android:id="@+id/comments"
  android:layout_width="match_parent"
  android:layout_height="wrap_content" >
 
  <com.parkuik.android.ui.CustomTextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/no_comments" />
</LinearLayout>

 

Reference: Android TextView with custom fonts from our JCG partner Javier Manzano at the Javier Manzano’s Blog blog.

Javier Manzano

Javier is an Android and node.js developer. Working day to day on new pet projects. Founder of Parkuik and Codeely.
Subscribe
Notify of
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

3 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Bill Mote
Bill Mote
11 years ago

You didn’t include your FontsUtils() class in which, I assume, you’re actually doing the Typeface.createFromAsset() call to get the font from fonts/font_name.*tf

opasam
opasam
10 years ago

Could you post your FontsUtils class please ?

android user
android user
9 years ago

from where did we get “CustomButtom_font” ?

thank you

Back to top button