Make text in EditText Gray with background after selecting from suggestion List in MultiAutoCompleteTextView

Question

My Question is that I have a MultiAutoCompleteTextView in which when I typed "@A" then the words Starting from A should be displayed and I achieved that. I am getting the list and when I clicked on suggested list the word is displayed in the editText.

But I want that selected word to be some coloured or set background to the word.

For example when we type any words in Tags field when posting question in stackoverflow it will be grayed after that word.

In the same way I want to achieve.

Any kind of help please.

Thanks

IMO you can refer to my answer at http://stackoverflow.com/questions/33417887/how-do-i-highlight-the-searched-text-in-my-search-filter then apply to your adapter — BNK, Jan 28 '16 at 01:40

Nicolas Cortell · Answer 1 · 2016-01-14T11:07:41.680

0

Try this:

myMultiAutocompleteTextView.setOnItemClickListener( new OnItemClickListener() {
        @Override
        public void onItemClick( AdapterView<?> arg0, View arg1, int position, long id ) {

            //set the color you want
            myMultiAutocompleteTextView.setTextColor(getResources().getColor(android.R.color.holo_red_light)); 

            //set the background color you want
            myMultiAutocompleteTextView.setBackgroundColor(getResources().getColor(android.R.color.holo_purple)); 

        }
    });

edited Jan 14 '16 at 11:07

answered Jan 14 '16 at 09:27

Nicolas Cortell

659
4
16

It is setting to the whole edit text, Just have to give background whatever we selected from suggestion. – Mohd Asif Ahmed Jan 14 '16 at 09:34
I think I'm not getting you. Can you please send a screen capture? – Nicolas Cortell Jan 14 '16 at 09:37
No, not solved. Because the above code will set the color to the whole MACTV. I have given an example in my question please read that. – Mohd Asif Ahmed Jan 18 '16 at 03:26

Udit Kapahi · Answer 2 · 2016-01-14T11:28:00.110

Make a xml file named as textbox_selector.xml in your drawable folder. Copy Paste the following:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/box_light_blue_bg" android:state_enabled="true" android:state_window_focused="false" />
<item android:drawable="@drawable/box_light_blue_bg" android:state_enabled="false" android:state_window_focused="false" />
<item android:drawable="@drawable/box_dark_blue_bg" android:state_pressed="true" />
<item android:drawable="@drawable/box_dark_blue_bg" android:state_enabled="true" android:state_focused="true" />
<item android:drawable="@drawable/box_light_blue_bg" android:state_enabled="true" />
<item android:drawable="@drawable/box_dark_blue_bg" android:state_focused="true" />
<item android:drawable="@drawable/box_light_blue_bg" />

Now wherever your edit text is just set

android:background="@drawable/textbox_selector"

Now if you touch your edittext, its color will change to dark blue and when not in touched state or back to orignal state the color will remain light blue.

For tagging you can use these library

https://github.com/kpbird/chips-edittext-library https://github.com/DavidPizarro/AutoLabelUI

Hope this helps!

Make text in EditText Gray with background after selecting from suggestion List in MultiAutoCompleteTextView

2 Answers2