Twitterライクな入力文字数カウント表示の実装
Androidアプリで、Twitterライクに入力文字数のカウント表示をしたい時の実装メモです。
入力文字数のカウント表示&指定文字数オーバー時に文字色を赤くする
以下のコードで、テキスト入力文字数のカウント表示と、指定文字数オーバー時に文字色を赤くすることができます。
private EditText editText; private TextView textCount; editText = ((EditText)findViewById(R.id.editText)); textCount = ((TextView)findViewById(R.id.textCount)); editText.addTextChangedListener(new TextWatcher(){ @Override public void onTextChanged(CharSequence s, int start, int before, int count){ int textColor = Color.GRAY; // 入力文字数の表示 int txtLength = s.length(); textCount.setText(Integer.toString(txtLength) + "/30"); // 指定文字数オーバーで文字色を赤くする if (txtLength > 30) { textColor = Color.RED; } textCount.setTextColor(textColor); } @Override public void afterTextChanged(Editable s) { } @Override public void beforeTextChanged(CharSequence s, int start, int count, int after) { } });
onTextChangedでテキスト入力時のイベントを取得し、入力文字数を表示しています。
実装イメージ
実装イメージは以下のような感じになります。
EditTextの脇に入力文字数カウンターを表示。
テキスト入力するとリアルタイムに入力文字数がカウント表示されます。
指定文字数をオーバーすると文字色が赤くなります。
コメント