Android EditText with number format input

Some applications require formatting the EditText's value while typing. I.E., a number that needs to be formatted with decimal and thousands separators.

We've created a little helper class implementing TextWatcher to do just that.

import java.text.DecimalFormat;
import java.text.ParseException;

import android.text.Editable;
import android.text.TextWatcher;
import android.widget.EditText;

public class NumberTextWatcher implements TextWatcher {
    
    private DecimalFormat df;
    private DecimalFormat dfnd;
    private boolean hasFractionalPart;
    
    private EditText et;
    
    public NumberTextWatcher(EditText et)
    {
        df = new DecimalFormat("#,###.##");
        df.setDecimalSeparatorAlwaysShown(true);
        dfnd = new DecimalFormat("#,###");
        this.et = et;
        hasFractionalPart = false;
    }
    
    @SuppressWarnings("unused")
    private static final String TAG = "NumberTextWatcher";

    @Override
    public void afterTextChanged(Editable s)
    {
        et.removeTextChangedListener(this);
        
        try {
            int inilen, endlen;
            inilen = et.getText().length();
            
            String v = s.toString().replace(String.valueOf(df.getDecimalFormatSymbols().getGroupingSeparator()), "");
            Number n = df.parse(v);
            int cp = et.getSelectionStart();
            if (hasFractionalPart) {
                et.setText(df.format(n));
            } else {
                et.setText(dfnd.format(n));
            }
            endlen = et.getText().length();
            int sel = (cp + (endlen - inilen));
            if (sel > 0 && sel <= et.getText().length()) {
                et.setSelection(sel);
            } else {
                // place cursor at the end?
                et.setSelection(et.getText().length() - 1);
            }
        } catch (NumberFormatException nfe) {
            // do nothing?
        } catch (ParseException e) {
            // do nothing?
        }
        
        et.addTextChangedListener(this);
    }

    @Override
    public void beforeTextChanged(CharSequence s, int start, int count, int after)
    {
    }

    @Override
    public void onTextChanged(CharSequence s, int start, int before, int count)
    {
        if (s.toString().contains(String.valueOf(df.getDecimalFormatSymbols().getDecimalSeparator())))
        {
            hasFractionalPart = true;
        } else {
            hasFractionalPart = false;
        }
    }

}

To use it, all you need to do is add a TextChangedListener to the EditText component.

editText.addTextChangedListener(new NumberTextWatcher(editText));

You can get the source code directly from GitHub.

Parecer > Ser

Hace muchos años en circunstancias completamente diferentes, dos grandes amigos de la casa me dijeron básicamente la misma cosa:

Entre ser y parecer, siempre tenés que elegir parecer.

Victor Cálcena estaba criticando mi vestimenta y Miguel Balsevich nuestra página WEB.

Nuestra página fue migrando con los años, pero nunca fue algo a que le tomamos demasiada atención. La primera es una joya de 2002 (templatazo del venerable Frontpage de Microsoft):

La segunda es de 2004. Dio paso a un largo periodo de ausentismo en la WEB:

La tercera es de 2005. Se hizo con Metadot. No tenemos archivos de esa página, pero en algún lado debe estar. La cuarta es de 2008. Una página minimalista que siguió viva hasta hoy:

Ya hora, sin más preámbulo, les presentamos nuestra nueva página web. Con esta, empezamos a parecer un poquito más que antes.

De los detalles técnicos, le vamos a pedir a Gustavo que nos cuente en una entrada más adelante. El excelente diseño es de nuestro diseñador estrella Diego Garcete.