Setting typeFace to NumberPicker

Question

How change font type in NumberPicker. I try to do like this, but font not changing. Any idea? P.S: color and textSize are change.

public class NumberPicker extends android.widget.NumberPicker {
        private Context context;
        private Typeface tfs;
       public NumberPicker(Context context, AttributeSet attrs) {
         super(context, attrs);
         this.context = context;
         tfs = Typeface.createFromAsset(context.getAssets(),"fonts/font.ttf");
       }

       @Override
       public void addView(View child) {
         super.addView(child);
         updateView(child);
       }

       @Override
       public void addView(View child, int index, android.view.ViewGroup.LayoutParams params) {
         super.addView(child, index, params);
         updateView(child);
       }

       @Override
       public void addView(View child, android.view.ViewGroup.LayoutParams params) {
         super.addView(child, params);
         updateView(child);
       }

       private void updateView(View view) {
         if(view instanceof EditText){
           ((EditText) view).setTypeface(tfs);
           ((EditText) view).setTextSize(25);
           ((EditText) view).setTextColor(Color.RED);
         }
       }

     }

Font and path work correctly. I use it for my custom text views.

yes, number picker is a view group, so thats why, first of all you need override you custom class which extend android.widget.NumberPicker, than look code of NumberPicker, which embedded to android and divide all components to the groups and find it dynamically in code, than get components from separate view groups. picker->viewGroups->EditText — once2go, Jul 06 '15 at 13:25
I know this was asked a long time ago but I just looked looked into implementing this for my project. `addView` is called before the constructor, therefore, your typeface is null when you try to set it. — Nick, Sep 25 '19 at 20:08

score 5 · Answer 1 · answered Apr 21 '20 at 13:59

5

Add below style in your style.xml.

<style name="NumberPickerCustomText">
    <item name="android:textSize">22sp</item> // add if you want to change size
    <item name="android:fontFamily">@font/lato_regular</item> // add font (this font folder is present in res folder)
</style>

Directly add this style to your Number Picker in XML.

android:theme="@style/NumberPickerCustomText"

answered Apr 21 '20 at 13:59

Deepak Sachdeva

950
8
16

1

Worked.Thanks! Seems parent field should not be mentioned – Nabzi Aug 15 '20 at 06:46

score 4 · Answer 2 · answered Oct 26 '15 at 07:20

I fix the same problem by set Typeface data in addView like code below:

public class CustomNumberPicker extends android.widget.NumberPicker {

Typeface type;

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

}

@Override
public void addView(View child) {
    super.addView(child);
    updateView(child);
}

@Override
public void addView(View child, int index,
        android.view.ViewGroup.LayoutParams params) {
    super.addView(child, index, params);
    type = Typeface.createFromAsset(getContext().getAssets(),
            "fonts/b_yekan.ttf");
    updateView(child);
}

@Override
public void addView(View child, android.view.ViewGroup.LayoutParams params) {
    super.addView(child, params);

    type = Typeface.createFromAsset(getContext().getAssets(),
            "fonts/b_yekan.ttf");
    updateView(child);
}

private void updateView(View view) {

    if (view instanceof EditText) {
        ((EditText) view).setTypeface(type);
        ((EditText) view).setTextSize(25);
        ((EditText) view).setTextColor(getResources().getColor(
                R.color.text_dark_grey));
    }

}

}

Thanks. you saved me :) – Masoud Mokhtari Feb 04 '19 at 12:12 — Masoud Mokhtari, Feb 04 '19 at 12:12

score 0 · Answer 3 · edited May 23 '17 at 12:02

0

In your updateView(View view) method

Solution 1

private void updateView(View view) {
     if(view instanceof EditText){
       ((EditText) view).setTypeface(Typeface.SERIF);
       ((EditText) view).setTextSize(25);
       ((EditText) view).setTextColor(Color.RED);
     }

For other Typefaces see here.

Solution 2

If you have your own .ttf file for font, create a fonts folder on assets folder and put your .ttf font file, then inside onCreate() function write:

Typeface type = Typeface.createFromAsset(getAssets(),"fonts/yours_font.ttf"); 
((EditText) view).setTypeface(type);

Solution 3

Refer this SO question for a wonderful way of achieving what you want.Hope this helps.

edited May 23 '17 at 12:02

Community

1
1

answered Sep 11 '14 at 18:45

Sash_KP

5,551
2
25
34

2

Can u see my post? I describe my class! Correctly i describe how i overide default view. Actually i do the same that u write, but font don't set – once2go Sep 11 '14 at 20:35
use `getContext()` – Kishore Jethava Jan 17 '17 at 06:27

score 0 · Answer 4 · answered Dec 27 '17 at 14:58

It is not very neat solution, but if you set the TypeFace in updateView, it works :-|

private void updateView(View view) {
    Typeface  tfs = Typeface.createFromAsset(context.getAssets(),"fonts/font.ttf");
    if (view instanceof EditText) {
        ((EditText) view).setTypeface(tfs);
        ((EditText) view).setTextSize(25);
        ((EditText) view).setTextColor(getResources().getColor(
            R.color.text_dark_grey));
    }
}

score 0 · Answer 5 · answered Aug 21 '18 at 15:58

sorry for the late response but this is how I achieved what you were looking for. I used this to use MaterialNumberPickers rather than stock NumberPickers. There are instructions in the ReadMe of that github repository on how to add Gradle dependencies, so I won't include them here.

I then set the font of the MaterialNumberPicker in xml as follows:

<com.github.stephenvinouze.materialnumberpickercore.MaterialNumberPicker
        android:id="@+id/np_timer_hour"
        .
        .
        .
        app:mnpFontname="monsterrat_regular.ttf"
        app:mnpTextColor="@color/primaryTextColor"
        app:mnpTextSize="28sp"/>

Additionally I placed monsterrat-regular.ttf under app>src>main>assets>fonts as instructed here.

score 0 · Answer 6 · answered Apr 16 '19 at 05:14

package com.harman.settings.dateandtime;

import android.content.Context;
import android.graphics.Typeface;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.widget.EditText;

import com.harman.settings.R;

public class XNumberPicker extends android.widget.NumberPicker {
    public XNumberPicker(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public void addView(View child) {
        super.addView(child);
        updateView(child);
    }

    @Override
    public void addView(View child, int index, android.view.ViewGroup.LayoutParams params) {
        super.addView(child, index, params);
        updateView(child);
    }

    @Override
    public void addView(View child, android.view.ViewGroup.LayoutParams params) {
        super.addView(child, params);
        updateView(child);
    }

    private void updateView(View view) {
        if (view instanceof EditText) {
            Typeface typeface = null;
            try {
                typeface = Typeface.createFromAsset(getContext().getAssets(), "fonts/" + getContext().getString(R.string.lato_bold));
            } catch (Exception e) {
                Log.e("XNumberPicker", "Unable to load typeface: " + e.getMessage());
            }
            if (typeface != null) {
                ((EditText) view).setTypeface(typeface);
            }
        }
    }
}

Setting typeFace to NumberPicker

6 Answers6

Linked