How do I achieve a Facebook Messenger/ Google Hangouts like layout to preview selected items in search bar on ANDROID?

Question

Basically what I want to create can be best illustrated from a screenshot. Screenshot preview

I have a listview of people just like FB Messenger app. I want the ability for my users to have a search bar like the one shown in the screenshots. It should have the following properties:

1) Search bar should preview names of people selected in the list view

2) People can be de-selected by hitting backspace on any name in the preview search bar

3) The search bar should be able to filter the bottom list of people as the user types.

I have a solution for propert 3) but I am clueless about the other two. Please HELP!!!

score 1 · Accepted Answer · answered Nov 23 '13 at 11:55

1

You should check out this.

This class uses combination of TextWatcher, SpannableString, AutoCompleteTextView and Annotations.

answered Nov 23 '13 at 11:55

droidx

2,172
19
26

Can anyone give a working example project or library to achieve this. – Mostafa Imran Mar 29 '16 at 05:25

How do I achieve a Facebook Messenger/ Google Hangouts like layout to preview selected items in search bar on ANDROID?

1 Answers1

Linked