Как выделить отфильтрованный текст в RecyclerView при использовании виджета SearchView
Как выделить результат поиска текста в RecyclerView. Я нашел несколько сообщений, касающихся Spannable TextView, но не уверен, где реализовать в моем случае. Ценю, что вы можете посмотреть и помочь.
MainActivity или Chapter1
public class Chapter1 extends AppCompatActivity implements SearchView.OnQueryTextListener {
MyRecAdapter myRecAdapter;
RecyclerView recyclerView;
List<Post> list;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(layout.chapter1_main);
recyclerView = (RecyclerView) findViewById(R.id.myrec);
createdata();
myRecAdapter = new MyRecAdapter(list, Chapter1.this);
recyclerView.setLayoutManager(new LinearLayoutManager(Chapter1.this));
recyclerView.setAdapter(myRecAdapter);
}
void createdata() {
list = new ArrayList<>();
String topic_1_1 = getResources().getString(string.topic_1_1);
String text_1_1 = getString(string.text_1_1);
String topic_1_2 = getResources().getString(string.topic_1_2);
String topic_1_3 = getResources().getString(string.topic_1_3);
String text_1_3 = getString(string.text_1_3);
list.add(new Post(topic_1_1, text_1_1));
list.add(new Post(topic_1_2, ""));
list.add(new Post(topic_1_3, text_1_3));
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.menu_search, menu);
getMenuInflater().inflate(R.menu.main, menu);
MenuItem item = menu.findItem(R.id.menu_search);
SearchView searchView = (SearchView) MenuItemCompat.getActionView(item);
searchView.setOnQueryTextListener(this);
return super.onCreateOptionsMenu(menu);
}
@Override
public boolean onQueryTextChange(String newText) {
final List<Post> filteredModelList = filter(list, newText);
if (filteredModelList.size() > 0) {
myRecAdapter.setFilter(filteredModelList);
return true;
} else {
Toast.makeText(Chapter1.this, "Not Found", Toast.LENGTH_SHORT).show();
return false;
}
}
private List<Post> filter(List<Post> models, String query ) {
query = query.toLowerCase();
final List<Post> filteredModelList = new ArrayList<>();
for (Post model : models) {
final String text = model.getPostTitle().toLowerCase();
final String text_sub = model.getPostSubTitle().toLowerCase();
if (text.contains(query)) {
filteredModelList.add(model);
}
else {
if (text_sub.contains(query)) {
filteredModelList.add(model);
}
}
}
createdata();
myRecAdapter = new MyRecAdapter(filteredModelList, Chapter1.this);
recyclerView.setLayoutManager(new LinearLayoutManager(Chapter1.this));
recyclerView.setAdapter(myRecAdapter);
myRecAdapter.notifyDataSetChanged();
return filteredModelList;
}
}
адаптер
public class MyRecAdapter extends RecyclerView.Adapter<MyRecAdapter.VH> {
public List<Post> parkingList;
public Context context;
ArrayList<Post> mCountryModel;
public MyRecAdapter(List<Post> parkingList, Context context) {
this.parkingList = parkingList;
this.context = context;
}
@Override
public MyRecAdapter.VH onCreateViewHolder(ViewGroup parent, int viewType) {
return new MyRecAdapter.VH(LayoutInflater.from(parent.getContext()).inflate(R.layout.mycardview, parent, false));
}
@Override
public void onBindViewHolder(MyRecAdapter.VH holder, int position) {
holder.t1.setText(Html.fromHtml(parkingList.get(position).getPostTitle())); holder.t2.setText(Html.fromHtml(parkingList.get(position).getPostSubTitle()));
}
@Override
public int getItemCount() {
return parkingList.size();
}
public class VH extends RecyclerView.ViewHolder {
TextView t1, t2;
public VH(View view) {
super(view);
t1 = (TextView) view.findViewById(R.id.list_title);
t2 = (TextView) view.findViewById(R.id.list_desc);
}
}
public void setFilter(List<Post> countryModels) {
mCountryModel = new ArrayList<>();
mCountryModel.addAll(countryModels);
notifyDataSetChanged();
}
}
5 ответов
Решение
Измените свой адаптер на
public class MyRecAdapter extends RecyclerView.Adapter<MyRecAdapter.VH> {
public List<Post> parkingList;
public Context context;
ArrayList<Post> mCountryModel;
String searchText;
public MyRecAdapter(List<Post> parkingList, Context context) {
this.parkingList = parkingList;
this.context = context;
}
@Override
public MyRecAdapter.VH onCreateViewHolder(ViewGroup parent, int viewType) {
return new MyRecAdapter.VH(LayoutInflater.from(parent.getContext()).inflate(R.layout.mycardview, parent, false));
}
@Override
public void onBindViewHolder(MyRecAdapter.VH holder, int position) {
String title = parkingList.get(position).getPostTitle();
String desc = parkingList.get(position).getPostSubTitle();
holder.t1.setText(Html.fromHtml(title));
if(searchText.length()>0){
//color your text here
int index = desc.indexOf(searchText);
while(index>0){
SpannableStringBuilder sb = new SpannableStringBuilder(desc);
ForegroundColorSpan fcs = new ForegroundColorSpan(Color.rgb(158, 158, 158)); //specify color here
sb.setSpan(fcs, index, searchText.length(), Spannable.SPAN_INCLUSIVE_INCLUSIVE);
index = desc.indexOf(searchText,index+1);
}
holder.t2.setText(sb);
}else{
holder.t2.setText(Html.fromHtml(desc));
}
}
@Override
public int getItemCount() {
return parkingList.size();
}
public class VH extends RecyclerView.ViewHolder {
TextView t1, t2;
public VH(View view) {
super(view);
t1 = (TextView) view.findViewById(R.id.list_title);
t2 = (TextView) view.findViewById(R.id.list_desc);
}
}
public void setFilter(List<Post> countryModels,String searchText) {
mCountryModel = new ArrayList<>();
mCountryModel.addAll(countryModels);
this.searchText = searchText;
notifyDataSetChanged();
}
}
и установите onQueryTextChange в
@Override
public boolean onQueryTextChange(String newText) {
final List<Post> filteredModelList = filter(list, newText);
if (filteredModelList.size() > 0) {
myRecAdapter.setFilter(filteredModelList,newText);
return true;
} else {
Toast.makeText(Chapter1.this, "Not Found", Toast.LENGTH_SHORT).show();
return false;
}
}
Согласно принятому ответу indexOf() не работает в случае, если значение строки "Mumbai" совпадает с тем, что встречается внутри строки. Поэтому здесь я использовал классы Pattern и Matcher, чтобы он работал. Кроме того, я добавил ".toLowerCase()", чтобы строка с тем же регистром и запросом работали со строкой как регистр игнорирования. Если вам не нужно игнорировать регистр строки запроса, вы можете удалить.toLowerCase () из этого фрагмента кода.
SpannableStringBuilder sb = new SpannableStringBuilder(desc);
Pattern word = Pattern.compile(query.toLowerCase());
Matcher match = word.matcher(desc.toLowerCase());
while (match.find()) {
ForegroundColorSpan fcs = new ForegroundColorSpan(
ContextCompat.getColor(context, R.color.colorPrimary)); //specify color here
sb.setSpan(fcs, match.start(), match.end(), Spannable.SPAN_INCLUSIVE_INCLUSIVE);
}
viewHolders.text_view_title.setText(sb);
Используйте внутри держателя вида Bind в классе Adapter
String title1 = Itemlist.get(position).getN_stall_name().toLowerCase(Locale.getDefault());
holder.title.setText(Itemlist.get(position).getN_stall_name());
if (title1.contains(searchText)) {
int startPos = title1.indexOf(searchText);
int endPos = startPos + searchText.length();
Spannable spanString = Spannable.Factory.getInstance().newSpannable(holder.title.getText());
spanString.setSpan(new ForegroundColorSpan(Color.RED), startPos, endPos, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
holder.title.setText(spanString);
}
А теперь создайте публичный метод в классе Adapter
public void updateList(List<GetShop> list, String searchText) {
Itemlist = new ArrayList<>();
Itemlist.addAll(list);
this.searchText = searchText;
notifyDataSetChanged();
}
Использование прослушивателя представления поиска в Activity, где вы используете представление поиска
SearchView searchview=findviewbyid(R.id.searchview);
searchview.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
@Override
public boolean onQueryTextSubmit(String query) {
return false;
}
@Override
public boolean onQueryTextChange(String newText) {
newText = newText.toLowerCase();
ArrayList<GetShop> newList = new ArrayList<>();
for (GetShop userInfo : items) {
String type = userInfo.getN_stall_name().toLowerCase();
if (type.contains(newText)) {
newList.add(userInfo);
}
}
disp_adapter.updateList(newList, newText);
return true;
}
});
/**
* Kotlin Code
* highlight the backgroundText
* searchText -> pass the hightlight that appear in background
* name -> actual string name
* textView -> append the data to widget.
*/
private fun highlightText(
searchText: String,
name: String,
textView: TextView
) {
if (searchText.isNotEmpty() && name.contains(searchText)) {
val sb = SpannableStringBuilder(name)
var index: Int = name.lowercase().indexOf(searchText.lowercase())
while (index >= 0 && index < name.length) {
val fcs = BackgroundColorSpan(Color.rgb(0, 200, 200)) //specify color here
sb.setSpan(
fcs,
index,
index + searchText.length,
Spannable.SPAN_INCLUSIVE_INCLUSIVE
)
index = name.indexOf(searchText, index + 1)
}
textView.text = sb
} else {
textView.text = name
}
}
while(index>**-1**){
SpannableStringBuilder sb = new SpannableStringBuilder(desc);
ForegroundColorSpan fcs = new ForegroundColorSpan(Color.rgb(158, 158, 158)); //specify color here
sb.setSpan(fcs, index, **index** + searchText.length(), Spannable.SPAN_INCLUSIVE_INCLUSIVE);
index = desc.indexOf(searchText,index+1);
}
Небольшое дополнение к предыдущему ответу, вы должны вместо этого проверить индекс>-1, иначе первый текст не будет выделен. Для setSpan int конец должен быть вашим index + searchText.length().