How can I change the background color of the search text in listview-cursoradapter when typed in searchview?
I've seen tutorials about highlighting text in listview
with string Spannable
, but there is nothing about finding text from a database and highlighting in listview
.
I have listview
one that gets data from database/cursor
and shows using cursoradapter
. I posted searchview
in action bar
to search for text from a database table.
Now I want that when typing a character or word in the searchview, every matched result from database table
should highlight / change the background color textview
to listview
.
I am confused where to perform the search operation (in activity
or cursoradapter
) and how to display the result?
This code is in action and I can get the result from the db with a similar query.
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.search_menu, menu);
SearchManager searchManager = (SearchManager) getSystemService(Context.SEARCH_SERVICE);
SearchView searchView = (SearchView) menu.findItem(R.id.action_search)
.getActionView();
searchView.setSearchableInfo(searchManager
.getSearchableInfo(getComponentName()));
searchView.setOnQueryTextListener(this);
return true;
}
@Override
public boolean onQueryTextChange(String text) {
searchText(text + "*");
return false;
}
@Override
public boolean onQueryTextSubmit(String text) {
searchText(text + "*");
return false;
}
private void searchText(String text) {
if (text != null) {
localDB.openDB();
Cursor cursor = localDB.searchDBText(text);
if (cursor != null && cursor.moveToFirst()) {
String message = cursor.getString(cursor
.getColumnIndex(LocalStoreDB.ROW_MESSAGE));
Log.i("searchText message:", message);
} else {
Log.i("searchText message:", "cursor is null");
}
cursor.close();
localDB.closeDB();
} else {
Log.i("searchText message:", "input text is null");
}
}
source to share
Apologize for answering after a while, but it still helps someone in need.
What I do is pass the text to the method in the adapter and then find the text in bindView()
with Pattern-Matcher
and highlight the text withSpannableString
Below is the code in the adapter:
public class AdapterSingleChat extends CursorAdapter {
private static int indexThumb;
//String to search and highlight
String textToSearch = null;
public AdapterSingleChat(Context context, Cursor cursor, int flags) {
super(context, cursor, flags);
//caching the column index
indexThumb = cursor.getColumnIndex(SQLiteStoreDB.ROW_TEXT);
}
//ViewHolder()...
//newView()....
@Override
public void bindView(View view, Context context, Cursor cursor){
//Text from cursor in which search will perform
String cursorText = cursor.getString(indexText);
//Spannable string to highlight matching searched words
SpannableString spannableStringSearch = null;
if ((textToSearch != null) && (!textToSearch.isEmpty())) {
spannableStringSearch = new SpannableString(cursorText);
//compile the pattern of input text
Pattern pattern = Pattern.compile(textToSearch,
Pattern.CASE_INSENSITIVE);
//giving the compliled pattern to matcher to find matching pattern in cursor text
Matcher matcher = pattern.matcher(cursorText);
spannableStringSearch.setSpan(new BackgroundColorSpan(
Color.TRANSPARENT), 0, spannableStringSearch.length(),
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
while (matcher.find()) {
//highlight all matching words in cursor with white background(since i have a colorfull background image)
spannableStringSearch.setSpan(new BackgroundColorSpan(
Color.WHITE), matcher.start(), matcher.end(),
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
}
}
if(spannableStringSearch != null{
//if search has performed set spannable string in textview
holder.tvCursorText.setText(spannableStringSearch);
}else{
//else set plain cursor text
holder.tvCursorText.setText(cursorText);
}
}
//Pass the text from activity(from SearchManager, EditText or any other input type) here
private void searchText(String text) {
this.textToSearch = text;
}
and yes, don't forget swapCursor()
or notifyDataSetChanged()
after typing words.
source to share