Android EditText change colour of a single word while typing (dynamically)

Question

I have an edit text while typing inside edit text if the word starts with # that particular words color should change ,

i have implemented textwatcher and found that if text starts with # but do not know how to update the color dynamically ,

Have tried SpannableStringBuilder ssb = new SpannableStringBuilder(yourText) But its static , could anyone help me for dynamic implementation

Here is my code

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

        }

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

           if (text.charAt(start) == '#') {
               //here i needs to update the typing text color
            }
        }

        @Override
        public void afterTextChanged(Editable s) {

        }
    });

Answer 1

Finally found an answer and works as expected .

 private int intCount = 0, initialStringLength = 0;
private String strText = "";

on text changed

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

            String strET = editText.getText().toString();
            String[] str = strET.split(" ");
            int cnt = 0;
            if (text.length() != initialStringLength && text.length() != 0) {
                if (!strET.substring(strET.length() - 1).equals(" ")) {
                    initialStringLength = text.length();
                    cnt = intCount;
                    for (int i = 0; i < str.length; i++)
                        if (str[i].charAt(0) == '#')
                            strText = strText + " " + "<font color='#EE0000'>" + str[i] + "</font>";
                        else
                            strText = strText + " " + str[i];
                }
                if (intCount == cnt) {
                    intCount = str.length;
                    editText.setText(Html.fromHtml(strText));
                    editText.setSelection(textShareMemories.getText().toString().length());
                }
            } else {
                strText = "";
            }

        }

Answer 2

As implemented in this link How to change color of words with hashtags @Muhammed GÜNEŞ suggested

you can modify it according to follow

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


        textView.removeTextChangedListener(this);
        setTags(textView,s.toString());
        textView.setSelection(textView.getText().toString().length());
        textView.addTextChangedListener(this);
    }


private void setTags(TextView pTextView, String pTagString) {
        SpannableString string = new SpannableString(pTagString);

        int start = -1;
        for (int i = 0; i < pTagString.length(); i++) {
            if (pTagString.charAt(i) == '#') {
                start = i;
            } else if (pTagString.charAt(i) == ' ' || (i == pTagString.length() - 1 && start != -1)) {
                if (start != -1) {
                    if (i == pTagString.length() - 1) {
                        i++; // case for if hash is last word and there is no
                        // space after word
                    }

                    final String tag = pTagString.substring(start, i);
                    string.setSpan(new ClickableSpan() {

                        @Override
                        public void onClick(View widget) {
                            Toast.makeText(MainActivity.this,"Click",Toast.LENGTH_LONG).show();
                        }

                        @Override
                        public void updateDrawState(TextPaint ds) {
                            // link color
                            ds.setColor(Color.parseColor("#33b5e5"));
                            ds.setUnderlineText(false);
                        }
                    }, start, i, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
                    start = -1;
                }
            }
        }

        pTextView.setMovementMethod(LinkMovementMethod.getInstance());
        pTextView.setText(string);
    }

it will add color and click event too also u can modify it according o your further requirement

Answer 3

Maybe something like this

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

       if (text.charAt(start) == '#') {

           SpannableString spannableString = new SpannableString(editText.getText().toString());
           ForegroundColorSpan foregroundSpan = new ForegroundColorSpan(ContextCompat.getColor(getContext(), R.color.yourColor));
           spannableString.setSpan(foregroundSpan, start, 
           spannableString.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
           editText.setText(spannableString);

        }
    }

Answer 4

If you only want to change "#" char. You can try it:

int index = myEditTxt.getText().toString().indexOf("#");
if (index != -1) {
   SpannableString spannable = new     
   SpannableString(myEditTxt.getText().toString());
   ForegroundColorSpan fcs = new ForegroundColorSpan(color);
   // Set the text color
   spannable.setSpan(fcs, index, index + 1, 
      Spannable.SPAN_INCLUSIVE_INCLUSIVE);

   mEditText.setText(spannable);
}    

If you only want to change after and before "#". You can try it in your listener:

if (text.charAt(start) == '#') {
   SpannableString spannable = new     
   SpannableString(myEditTxt.getText().toString());
   ForegroundColorSpan fcs = new ForegroundColorSpan(color);
   // Set the text color
   if (start > 0)
         spannable.setSpan(fcs, 0, start -1, 
      Spannable.SPAN_INCLUSIVE_INCLUSIVE);
   if (start < myEditTxt.getText().toString().length())
         spannable.setSpan(fcs, start + 1, myEditTxt.getText().toString().length(), 
      Spannable.SPAN_INCLUSIVE_INCLUSIVE);

   mEditText.setText(spannable);
}