Android搜索结果显示高亮实例(有数据滑动底部自动刷新)

首先的效果图

搜索到结果(这里我只是模拟数据,真正和服务器走得时候,返回来的数据都应该包含关键字的)

模拟的没有搜索结果的界面

具体实现

在这插一句哈,就是做一件事情,拆分成多个小结,不至于在开发的时候摸不着头脑而且还能把控开发的进度.

思路其实很简单,我们监听输入框的变化,然后在文字变化之后去请求服务器,然后取到我们需要的结果,进行数据展示即可.

第一步：搜索框的监听

et_search.addTextChangedListener(new TextWatcher() {
   @Override
   public void beforeTextChanged(CharSequence s, int start, int count, int after) {
   }
   
   @Override
   public void onTextChanged(CharSequence charSequence, int start, int before, int count) {
   //在这里进行逻辑请求
   }
   @Override
   public void afterTextChanged(Editable s) {
   }
  });

第二步：进行相关逻辑请求

```
if (!TextUtils.isEmpty(charSequence) && charSequence.length() > 3) { //这里的3只是为了模拟请求
    mKey = charSequence.toString();
    initData(charSequence.toString());
    changeStates(STATE);
   } else {
    STATE = NO_TTHING;
    changeStates(STATE);
   }

private void initData(String key) {
 //这里是模拟网络请求的 实际就是走网络获取数据
 String result = JsonUtils.getJson(this, "search.json");
 Gson gson = new Gson();
 SearchBean searchBean = gson.fromJson(result, SearchBean.class);
 if (searchBean != null) {
  mDataBeen = searchBean.getData();
  if (mDataBeen != null && mDataBeen.size() > 0) {
   STATE = SHOW_DATA;
   mSearchAdapter.loadData(mDataBeen, key);
  } else {
   STATE = NO_TTHING;
  }
 } else {
  STATE = NO_TTHING;
 }
}

private void changeStates(int state) {
 switch (state) {
  case NO_TTHING:
   mNoLayout.setVisibility(View.VISIBLE);
   recycler_view.setVisibility(View.INVISIBLE);
   break;
  case SHOW_DATA:
   mNoLayout.setVisibility(View.GONE);
   recycler_view.setVisibility(View.VISIBLE);
   break;
 }
}

第三步：进行变色

public StringFormatUtil(Context context, String wholeStr, String highlightStr, int color) {
 this.mContext = context;
 this.wholeStr = wholeStr;
 this.highlightStr = highlightStr;
 this.color = color;
}

public StringFormatUtil fillColor() {
 if (!TextUtils.isEmpty(wholeStr) && !TextUtils.isEmpty(highlightStr)) {
  spBuilder = new SpannableStringBuilder(wholeStr);
  //匹配规则
  Pattern p = Pattern.compile(highlightStr);
  //匹配字段
  Matcher m = p.matcher(spBuilder);
  //上色
  color = mContext.getResources().getColor(color);
  //开始循环查找里面是否包含关键字 使得一句话中出现多个关键词都会被高亮
  while (m.find()) {
   int start = m.start();
   int end = m.end();
   spBuilder.setSpan(new ForegroundColorSpan(color), start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
  }
  return this;
 }
 return null;
}

public SpannableStringBuilder getResult() {
 if (spBuilder != null) {
  return spBuilder;
 }
 return null;
}
// 进行工具类使用,也就是在给title赋值的时候使用
//这个是adapter里面的使用规则
 mFormatUtil = new StringFormatUtil(holder.itemView.getContext(), dataBean.getTitle(), mLightStr, R.color.colorAccent).fillColor();
 holder.tv_title.setText(mFormatUtil.getResult());
```

Demo说明

这里的本地的json是我自己人为定义的,而且在搜索的时候加入了自己的逻辑,如果是实际工程中需要自己根据自己的需求来进行变更的.相关显示不需要在意,这里只是给大家一个实现搜索的并且关键词高亮的一个思路。

Demo代码传送门：https://github.com/wuyinlei/SearchViewDemo

下载地址：SearchViewDemo_jb51.rar

您可能感兴趣的文章:Android基于RecyclerView实现高亮搜索列表