Contagem de caracteres ao vivo para EditText

Eu queria saber qual é a melhor maneira de fazer uma contagem de caracteres ao vivo de uma caixa de texto de edição no Android. Eu estava olhando para isso, mas não conseguia entender.

Para descrever o problema, tenho um EditText e estou tentando limitar os caracteres a 150. Posso fazer isso com um filtro de entrada, no entanto, quero mostrar logo abaixo da caixa de texto o número de caracteres que um usuário inseriu (quase como o estouro de pilha está fazendo agora).

Se alguém pudesse escrever um pequeno trecho de código de exemplo ou me apontar na direção certa, eu agradeceria muito.

você pode usar um TextWatcher para ver quando o texto mudou

private TextView mTextView;
private EditText mEditText;
private final TextWatcher mTextEditorWatcher = new TextWatcher() {
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {
        }

        public void onTextChanged(CharSequence s, int start, int before, int count) {
           //This sets a textview to the current length
           mTextView.setText(String.valueOf(s.length()));
        }

        public void afterTextChanged(Editable s) {
        }
};

você define o TextWatcher para o texto de edição com

mEditText.addTextChangedListener(mTextEditorWatcher);

Você pode fazer contagem de caracteres a partir do próprio xml usando o wrapper TextInputLayout para EditText introduzido no SupportLibrary v23.1

Basta envolver seu EditText com um TextInputLayout e definir CounterEnabled como true e definir um counterMaxLength.

<android.support.design.widget.TextInputLayout
    android:id="@+id/textContainer"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:counterEnabled="true"
    app:counterMaxLength="20"
    >
    <EditText
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Text Hint"
        />
</android.support.design.widget.TextInputLayout>

Você obterá um efeito material como este

Você pode usar counterOverflowTextAppearance , counterTextAppearance para definir o estilo do contador.

EDITAR

Da documentação do Android.

A classe TextInputEditText é fornecida para ser usada como filho desse layout. O uso de TextInputEditText permite a TextInputLayout maior controle sobre os aspectos visuais de qualquer entrada de texto. Um exemplo de uso é assim:

     <android.support.design.widget.TextInputLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content">

     <android.support.design.widget.TextInputEditText
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:hint="@string/form_username"/>

 </android.support.design.widget.TextInputLayout>

TextInputLayout TextInputEditText

Você pode fazer isso com TextInputLayoutbibliotecas e compat com:

app:counterEnabled="true"
app:counterMaxLength="420"

e completo:

<android.support.design.widget.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:counterEnabled="true"
    app:counterMaxLength="420">

    <EditText
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:maxLength="420" />

</android.support.design.widget.TextInputLayout>

em xml adicione este atributo para editText

    android:maxLength="80"

em java adicione este ouvinte

  ed_caption.addTextChangedListener(new TextWatcher() {
        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {

        }

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {

        }

        @Override
        public void afterTextChanged(Editable s) {
            tv_counter.setText(80 - s.toString().length() + "/80");

        }
    });

É muito simples. Siga as instruções abaixo:

==== Adicione-os às suas importações ===

import android.text.Editable;
import android.text.TextWatcher;

===== Defina isto =====

private TextView sms_count;

========== Inside On Create =====

sms_count = (TextView) findViewById(R.id.textView2);


final TextWatcher txwatcher = new TextWatcher() {
   public void beforeTextChanged(CharSequence s, int start, int count, int after) {
   }

   public void onTextChanged(CharSequence s, int start, int before, int count) {

      sms_count.setText(String.valueOf(s.length()));
   }

   public void afterTextChanged(Editable s) {
   }
};

sms_message.addTextChangedListener(txwatcher);

    You can use TextWatcher class to see text has changed and how much number of character remains.Here i have set counter of 140 characters.

    EditText typeMessageToPost;
    TextView number_of_character;
public void onCreate(Bundle savedBundleInstance) {
        super.onCreate(savedBundleInstance);
setContentView(R.layout.post_activity);
typeMessageToPost.addTextChangedListener(mTextEditorWatcher);
}
private final TextWatcher mTextEditorWatcher=new TextWatcher() {

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {
            // TODO Auto-generated method stub

        }

        @Override
        public void beforeTextChanged(CharSequence s, int start, int count,
                int after) {
            // TODO Auto-generated method stub

        }

        @Override
        public void afterTextChanged(Editable s) {
            // TODO Auto-generated method stub
            number_of_character.setText(String.valueOf(140-s.length()));
        }
    };

Basta definir estas 2 linhas TextInputLayoutem seu arquivo XML:

app:counterEnabled="true"
app:counterMaxLength="200"

Esta solução usa Kotline mostra o número de caracteres restantes. Além disso, se o número atual de caracteres ultrapassar o limite de 50, a cor do texto mudará para vermelho.

Kotlin

private val mTitleTextWatcher = object : TextWatcher {
    override fun beforeTextChanged(s: CharSequence, start: Int, count: Int, after: Int) {}

    override fun onTextChanged(s: CharSequence, start: Int, before: Int, count: Int) {
        if(YOUR_EDIT_TEXT_ID.text.toString().trim().length < 51){
            YOUR_CHAR_LEFT_TEXTVIEW_ID.text = (50 - YOUR_EDIT_TEXT_ID.text.toString().trim().length).toString()
            YOUR_CHAR_LEFT_TEXTVIEW_ID.setTextColor(Color.BLACK)
        }
        else{
            YOUR_CHAR_LEFT_TEXTVIEW_ID.text = "0"
            YOUR_CHAR_LEFT_TEXTVIEW_ID.setTextColor(Color.RED)
        }
    }

    override fun afterTextChanged(s: Editable) {}
}

Além disso, não se esqueça de adicionar TextWatcherao seuEditText

YOUR_EDIT_TEXT_ID.addTextChangedListener(mTitleTextWatcher)

Você pode adicionar um contador ao TextInputEditText sendo encapsulado em um TextInputLayout. Como você pode ver no exemplo, counterEnabledhabilita esse recurso e counterMaxLenghdefine o número de caracteres para ele.

<com.google.android.material.textfield.TextInputLayout
        android:id="@+id/til_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:counterEnabled="true"
        app:counterMaxLength="50">
    <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/et_title"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
</com.google.android.material.textfield.TextInputLayout>

Eu encontrei o mesmo problema e tentei o método de Cameron. Funciona, mas há um pequeno bug: se o usuário usar copiar e colar, não contará os caracteres. Então sugiro que faça após a alteração do texto, conforme abaixo:

    private final TextWatcher mTextEditorWatcher = new TextWatcher() {
         public void beforeTextChanged(CharSequence s, int start, int count, int after) {

         }

         public void onTextChanged(CharSequence s, int start, int before, int count) {

         }

          public void afterTextChanged(Editable s) {
             //This sets a textview to the current length
             mTextView.setText(String.valueOf(s.length()));
         }
    };

Use android: maxLength = "140"

Isso deve funcionar. :)

espero que ajude

Tente fazer algo assim.

Essa solução pode ter mais desempenho do que obter CharSequence.length. Cada vez que você toca no teclado virtual, o evento é disparado; portanto, se você fizer um comprimento, ele contará o CharSequence a cada vez, o que pode diminuir se você começar a obter grandes CharSequnces. O ouvinte de eventos na mudança de texto segue a contagem de antes e depois. Isso funciona bem para valores de incremento e decremento

@Override
        public void beforeTextChanged(CharSequence charSequence, int start, int count, int after) {
            int tick = start + after;
            if(tick < mMessageMax) {
                int remaining = mMessageMax - tick;
                ((TextView)findViewById(R.id.contact_us_chars)).setText(String.valueOf(remaining));
            }
        }

tente isso

private TextWatcher textWatcher = new TextWatcher() {
    @Override
    public void beforeTextChanged(final CharSequence s, final int start, final int count, final int after) {
        editText.post(new Runnable() {
            @Override
            public void run() {
                if (length < 100) {
                    if (count > 0 && after <= 0)/*remove emoij*/ {
                        length--;
                    } else if (count > after)/*remove text*/ {
                        length--;
                    } else if (count == 0 && after > 1)/*emoij*/ {
                        ++length;
                    } else if (count == 0 && after == 1)/*Text*/ {
                        ++length;
                    } else if (count > 0 && after > 1) {
                        ++length;
                    }
                    if (s.length() <= 0)
                        length = 0;
                    Log.w("MainActivity", " Length: " + length);
                } else {
                    if (count > 0 && after <= 0)/*remove emoij*/ {
                        length--;
                    } else if (count > after)/*remove text*/ {
                        length--;
                    }
                    Log.w("MainActivity", " Length: " + length);
                }

                if (length == 100) {
                    editText.setFilters(new InputFilter[]{new InputFilter.LengthFilter(s.length())});
                } else {
                    editText.setFilters(new InputFilter[]{});
                }
            }
        });
    }

    @Override
    public void onTextChanged(CharSequence s, int start, int before, int count) {

    }

    @Override
    public void afterTextChanged(Editable s) {

    }
};

`

Caminho claro;

abstract class CharacterWatcher : TextWatcher {
    override fun afterTextChanged(text: Editable?) {
        afterCharacterChanged(text?.lastOrNull(), text?.length)
    }

    override fun beforeTextChanged(text: CharSequence?, start: Int, count: Int, before: Int) {}

    override fun onTextChanged(text: CharSequence?, start: Int, before: Int, count: Int) {}

    abstract fun afterCharacterChanged(char: Char?, count: Int?)
}



 editText.addTextChangedListener(new CharacterWatcher() {
            @Override
            public void afterCharacterChanged(@Nullable Character character, @Nullable Integer count) {
                action()
            }
        });