Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to replace MultiAutoCompleteTextView drop down list

I'm trying to replace MultiAutoCompleteTextView Drop down list with a ListView, which it should have same functionality as drop down list, that means, when I click in one of items it should be added to MultiAutoCompleteTextView box, o so on, but filtering the ListView as you type.

So I came up with this raw code without success:

filterable_listview.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent" android:layout_height="fill_parent"
 android:orientation="vertical">

 <MultiAutoCompleteTextView
  android:layout_height="wrap_content" android:layout_width="fill_parent"
  android:hint="@string/To" android:id="@+id/search_box"></MultiAutoCompleteTextView>

 <ListView android:id="@android:id/list" android:layout_width="fill_parent"
  android:layout_height="fill_parent" android:layout_weight="1"/>

</LinearLayout>

AutoCompleteActivity.java

protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.filterable_listview);
manager = new ContactManager();
adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, manager.getContacts());

searchEdit = (MultiAutoCompleteTextView) findViewById(R.id.search_box);

searchEdit.addTextChangedListener(filterTextWatcher);

searchEdit.setTokenizer(new SpaceTokenizer());

setListAdapter(adapter);

getListView().setOnItemClickListener(
  new ListView.OnItemClickListener() {
  public void onItemClick(AdapterView<?> parent, View view,
                          int position, long id) {
                    //Here is one issues 
   searchEdit.append(adapter.getItem(position));
  }
 });
}

private TextWatcher filterTextWatcher = new TextWatcher() {
      public void afterTextChanged(Editable s) {
      }

       public void beforeTextChanged(CharSequence s, int start, int count,int after) {
      }

      public void onTextChanged(CharSequence s, int start, int before, int count) {
           adapter.getFilter().filter(s);
      }

};

I have to main problems:

1) When I click an item, the whole selected text is appended, I know the problem relies on:

searchEdit.append(adapter.getItem(position));

but, How can I do spanning text like regular autocomplete does ?

2) Once one item was selected, next input don't show the suggestion any more (despite of SpaceTonekizer)

I hope my explanation was clear.

Thanks in advance

like image 939
vsm Avatar asked Nov 17 '10 21:11

vsm


1 Answers

If someone need to do something like I needed, I made this

private MultiAutoCompleteTextView searchEdit;

private ArrayAdapter<String> adapter = null;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    adapter = new ArrayAdapter<String>(this,
            android.R.layout.simple_dropdown_item_1line, manager
                    .getContacts());

    setListAdapter(adapter);

    searchEdit = (MultiAutoCompleteTextView) findViewById(R.id.search_box);

    searchEdit.addTextChangedListener(filterTextWatcher);

    searchEdit.setTokenizer(new SpaceTokenizer());

    searchEdit.setAdapter(adapter);

    searchEdit.setOnClickListener(new OnClickListener() {

        public void onClick(View v) {
            String t = ((TextView) v).getText().toString();
            String f = searchEdit.getText().toString();

            int s = searchEdit.getSelectionStart();
            int i = s;

            while (i > 0 && f.charAt(i - 1) != ' ') {
                i--;
            }

            adapter.getFilter().filter(t.substring(i, s));
        }
    });

    okButton = (Button) findViewById(R.id.ok);
    okButton.setOnClickListener(new OnClickListener() {

        public void onClick(View v) {
            Bundle stats = new Bundle();
            stats.putString("ConversationName", searchEdit.getText()
                    .toString());

            Intent i = new Intent();
            i.putExtras(stats);
            setResult(RESULT_OK, i);
            finish();
        }
    });

    searchEdit.setOnKeyListener(new OnKeyListener() {

        public boolean onKey(View v, int keyCode, KeyEvent event) {
            if (keyCode == KeyEvent.KEYCODE_DPAD_LEFT
                    || keyCode == KeyEvent.KEYCODE_DPAD_RIGHT
                    || keyCode == KeyEvent.KEYCODE_DPAD_UP
                    || keyCode == KeyEvent.KEYCODE_DPAD_DOWN) {

                String t = ((TextView) v).getText().toString();
                String f = searchEdit.getText().toString();

                int s = searchEdit.getSelectionStart();
                int i = s;

                while (i > 0 && f.charAt(i - 1) != ' ') {
                    i--;
                }

                adapter.getFilter().filter(t.substring(i, s));

                return false;
            }

            return false;
        }
    });

    getListView().setOnItemClickListener(
            new ListView.OnItemClickListener() {
                public void onItemClick(AdapterView<?> parent, View view,
                        int position, long id) {

                    String t = adapter.getItem(position);
                    String f = searchEdit.getText().toString();

                    int s = searchEdit.getSelectionStart();
                    int i = s;

                    while (i > 0 && f.charAt(i - 1) != ' ') {
                        i--;
                    }

                    searchEdit.getText().insert(s, t.substring(s - i));
                }
            });
}


    @Override
protected void onDestroy() {
    super.onDestroy();
    searchEdit.removeTextChangedListener(filterTextWatcher);
}


private TextWatcher filterTextWatcher = new TextWatcher() {

    public void afterTextChanged(Editable s) {
        okButton.setEnabled(searchEdit.getText().toString().trim()
                .length() > 0);
    }

    public void beforeTextChanged(CharSequence s, int start, int count,
            int after) {
    }

    public void onTextChanged(CharSequence s, int start, int before,
            int count) {
        adapter.getFilter().filter(s);
    }

};



public class SpaceTokenizer implements Tokenizer {

public int findTokenStart(CharSequence text, int cursor) {
    int i = cursor;

    while (i > 0 && text.charAt(i - 1) != ' ') {
        i--;
    }
    while (i < cursor && text.charAt(i) == ' ') {
        i++;
    }

    return i;
}

public int findTokenEnd(CharSequence text, int cursor) {
    int i = cursor;
    int len = text.length();

    while (i < len) {
        if (text.charAt(i) == ' ') {
            return i;
        } else {
            i++;
        }
    }

    return len;
}

public CharSequence terminateToken(CharSequence text) {
    int i = text.length();

    while (i > 0 && text.charAt(i - 1) == ' ') {
        i--;
    }

    if (i > 0 && text.charAt(i - 1) == ' ') {
        return text;
    } else {
        if (text instanceof Spanned) {
            SpannableString sp = new SpannableString(text + " ");
            TextUtils.copySpansFrom((Spanned) text, 0, text.length(),
                    Object.class, sp, 0);
            return sp;
        } else {
            return text + " ";
        }
    }
}
}

The xml looks like this:

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:orientation="vertical"
android:drawingCacheQuality="high">

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:orientation="horizontal">


    <MultiAutoCompleteTextView
        android:layout_marginLeft="1dip"
        android:layout_marginTop="1dip"
        android:layout_height="wrap_content" 
        android:layout_weight="1"
        android:layout_width="fill_parent"
        android:dropDownHeight="0px" 
        android:hint="@string/To" 
        android:id="@+id/search_box"
        ></MultiAutoCompleteTextView>



    <Button android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:text="Ok"
        android:id="@+id/ok"
        android:enabled="false"
        />  


</LinearLayout>     
<ListView android:id="@android:id/list" android:layout_width="fill_parent"
    android:layout_height="fill_parent" android:layout_weight="1" />

</LinearLayout>

Hope this help

like image 80
vsm Avatar answered Nov 15 '22 02:11

vsm