How to set text color of each word in AutoCompleteTextView

Question

I have an AutoCompleteTextView with a custom adapter. What I want is when I type a text in the searchbox, I want to set text color only to the word in suggestion that contains the text and not the whole suggestion. How do I do it. Below is my custom adapter.

public class SearchAutoComplectAdapter extends ArrayAdapter<TagBo> {
    Context context;
    LayoutInflater inflate;
    private VenueFilter filter;

    public SearchAutoComplectAdapter(Context context, int resource) {
        super(context, android.R.layout.simple_list_item_1);
        this.context = context;
        inflate = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

    }

    public View getView(final int position, View convertView, ViewGroup parent) {
        if (convertView == null) {
            convertView = inflate.inflate(R.layout.search_item, parent, false);
        }

        TextView venueName = (TextView) convertView
                .findViewById(R.id.search_item_venue_name);
        venueName.setTextColor(context.getResources().getColor(R.color.cyan));
        TextView venueAddress = (TextView) convertView
                .findViewById(R.id.search_item_venue_address);

        TagBo recordBo=getItem(position);

        // TODO add shared With Me check
        if(recordBo.getTagTypeId() == 3){
            venueName.setText(recordBo.getName());
            venueAddress.setVisibility(View.GONE);
        }else{
            venueName.setText(recordBo.getName());
            venueAddress.setText(recordBo.getSuggestText());
            venueAddress.setVisibility(View.VISIBLE);
        }


        return convertView;

    }

    @Override
    public Filter getFilter() {
        if (filter == null) {
            filter = new VenueFilter();
        }
        return filter;
    }


    private class VenueFilter extends Filter {

        @Override
        protected FilterResults performFiltering(CharSequence constraint) {

            FilterResults result = new FilterResults();

            if(constraint!=null ){

                List<TagBo> matchingTags = TagDao.getMatchingTags(constraint.toString());
                StringBuilder text = new StringBuilder();
                for (TagBo tag : matchingTags) {
                    text.append(tag.getSuggestText() + "\n");
                }
                result.values = matchingTags;
                result.count = matchingTags.size();
            }else{
                result.count = 0;
            }
            return result;
        }

        @SuppressWarnings("unchecked")
        @Override
        protected void publishResults(CharSequence constraint, FilterResults results) {
            // we clear the adapter and then pupulate it with the new results
            clear();
            if (results.count > 0) {
                for (TagBo o : (ArrayList<TagBo>) results.values) {
                    add(o);
                }
                notifyDataSetChanged();
            }
        }

    }
}

using spannable string ref this http://stackoverflow.com/questions/3282940/set-color-of-textview-span-in-android — arun, Sep 25 '15 at 06:17
@AdityaSawant, if any of the answers help you, don't forget to accept and /or upvote. — Marko, Sep 28 '15 at 06:39

score 0 · Answer 1 · answered Sep 25 '15 at 06:19

0

maybe u need to use SpannableString as param of setText(); u can use mSpannableString.setSpan(new Forgbackground(color)) to custom evety word in String

answered Sep 25 '15 at 06:19

tiny sunlight

6,231
3
21
42

score 0 · Accepted Answer · answered Sep 25 '15 at 06:30

i think you need to create custom adapter class for this, then you can set textview to this like. so layout that will inflate look like this:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" 
android:layout_height="wrap_content">
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="44dip"
android:gravity="center_vertical"

android:singleLine="true"
android:ellipsize="end"
android:layout_marginRight="12dip"
android:textStyle="bold"
android:textColor="#cc3333"
    android:id="@+id/textview"
android:textSize="14sp" />

and make Adapter object like:

autoAdapter = new AutoAdapter(this, R.layout.autocompletelistview_test1,
        edittext);

and in your Adapter class you need to do:

     @Override
public View getView(int position, View v, ViewGroup parent)
{

    View mView = v ;
    if(mView == null){
        LayoutInflater vi = (LayoutInflater)appContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        mView = vi.inflate(id, null);
    }
    TextView text = (TextView) mView.findViewById(R.id.textview);        
    if(getItem(position) != null )
    {
        text.setTypeface(faceBold);
        if(getItem(position).equals("check some condition if you want. "))
        {
            text.setTextColor(Color.parseColor("#999999"));
            text.setText("set some text");               
        }           
        else
        {
            text.setTextColor(Color.parseColor("#cc3333"));
                text.setText(getItem(position));
        }           
    }
    return mView;
}

enjoy your code time:)

Ok, your solution looks convincing. Can you tell me how may I pass the text that I type in the searchbox to this method? I mean I am trying to use the WhatsApp functionality where when we type a name in search, the suggestion comes up, but only that particular text is colored. — Aditya Sawant, Sep 28 '15 at 07:09

How to set text color of each word in AutoCompleteTextView

2 Answers2