Android NumberPicker with Formatter doesn't format on first rendering

Question

I have a NumberPicker that has a formatter that formats the displayed numbers either when the NumberPicker spins or when a value is entered manually. This works fine, but wh

Answer 1

I managed to fix it by calling

picker.invalidate();

just after setting the formatter.

Answer 2

The following solution worked out for me for APIs 18-26 without using reflection, and without using setDisplayedValues().

It consists of two steps:

1. Make sure the first element shows by setting it's visibility to invisible (I used Layout Inspector to see the difference with when it shows, it's not logical but View.INVISIBLE actually makes the view visible).

   private void initNumberPicker() {
    // Inflate or create your BugFixNumberPicker class
    // Do your initialization on bugFixNumberPicker...
   
    bugFixNumberPicker.setFormatter(new NumberPicker.Formatter() {
       @Override
       public String format(final int value) {
           // Format to your needs
           return aFormatMethod(value);
       }
    });
   
    // Fix for bug in Android Picker where the first element is not shown
    View firstItem = bugFixNumberPicker.getChildAt(0);
     if (firstItem != null) {
       firstItem.setVisibility(View.INVISIBLE);
     }
   }
   

2. Subclass NumberPicker and make sure no click events go through so the glitch where picker elements disapear on touch can't happen.

   public class BugFixNumberPicker extends NumberPicker {
   
    public BugFixNumberPicker(Context context) {
       super(context);
    }
   
    public BugFixNumberPicker(Context context, AttributeSet attrs) {
       super(context, attrs);
    }
   
    public BugFixNumberPicker(Context context, AttributeSet attrs, int defStyleAttr) {
       super(context, attrs, defStyleAttr);
    }
   
    @Override
    public boolean performClick() {
       return false;
    }
   
    @Override
    public boolean performLongClick() {
       return false;
    }
   
    @Override
    public boolean onInterceptTouchEvent(MotionEvent event) {
       return false;
    }
   }
   

Answer 3

Here's my solution based on answers by torvin and Sebastian. You don't have to subclass anything or use reflection.

View editView = numberPicker.getChildAt(0);

if (editView instanceof EditText) {
    // Remove default input filter
    ((EditText) editView).setFilters(new InputFilter[0]);
}

Answer 4

Improved Nikolai answer if selected index is not 0. Not to great for performances but fix the problem..

for(index in numberPicker.minValue..numberPicker.maxValue) {

        val editView = numberPicker.getChildAt(index-numberPicker.minValue)
        if (editView != null && editView is EditText) {
            // Remove default input filter
            (editView as EditText).filters = arrayOfNulls(0)
        }
    }

Answer 5

dgel's solution doesn't work for me: when I tap on the picker, formatting disappears again. This bug is caused by input filter set on EditText inside NumberPicker when setDisplayValues isn't used. So I came up with this workaround:

Field f = NumberPicker.class.getDeclaredField("mInputText");
f.setAccessible(true);
EditText inputText = (EditText)f.get(mPicker);
inputText.setFilters(new InputFilter[0]);

Answer 6

I had the same problem and I used the setDisplayedValues() method instead.

int max = 99;
String[] values = new String[99];
values[0] = “-” + mSingle
values[1] = 
for(int i=2; i<=max; i++){
    makeNames[i] = String.valueOf(i) + mMultiple;
}
picker.setMinValue(0);
picker.setMaxValue(max);
picker.setDisplayedValues(values)

This doesn't allow the user to set the value manually in the picker though.