使用SearchView+RecyclerView做搜索框

安卓搜索框分别使用了EditText+RecycleView和SearchView+RecycleView都实现了一遍 对比下两种的区别！
首先是一张效果图！

一、EditText+RecycleView
先丢上代码！

Layout

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

    <EditText
        android:id="@+id/search_tag_input_edit"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:background="@drawable/shape_tag_search"
        android:layout_margin="8dp"
        android:hint="请输入检索Tag"
        android:drawableLeft="@mipmap/ic_search"
        android:drawablePadding="3dp"
        android:padding="8dp"
        android:maxLength="20"
        android:inputType="text"
        android:maxLines="1"
        android:textSize="12sp" />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/search_tag_recycler"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:divider="@null"
        android:listSelector="@android:color/transparent" />
LinearLayout>

---

Activity
package net.yeah.lililearn.searchrecyclerview;

import android.os.Bundle;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.text.Editable;
import android.text.TextWatcher;
import android.widget.EditText;

import net.yeah.lililearn.searchrecyclerview.adapter.SearchAdapter;
import net.yeah.lililearn.searchrecyclerview.model.SearchTag;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private EditText mSearchTagEdit;
    private RecyclerView mRecyclerView;
    private Handler handler = new Handler();
    private List searchTagList;
    private SearchAdapter mAdapter;

    private Runnable delayRun = new Runnable() {
        @Override
        public void run() {
            searchTags(mSearchTagEdit.getText().toString().trim());
        }
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initAdapter();
        setEvent();
    }

    private void initView() {
        mSearchTagEdit = (EditText) findViewById(R.id.search_tag_input_edit);
        mRecyclerView = (RecyclerView) findViewById(R.id.search_tag_recycler);
        mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
        mRecyclerView.setAnimation(null);
    }

    private void initAdapter() {
        searchTagList = new ArrayList<>();
        mAdapter = new SearchAdapter(searchTagList, this);
        mRecyclerView.setAdapter(mAdapter);
    }

    private void setEvent() {
        mSearchTagEdit.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {
                //no-op
            }

            @Override
            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
                //no-op
            }

            @Override
            public void afterTextChanged(Editable editable) {
                //输入完成后严重8毫秒在请求
                if (delayRun != null) {
                    handler.removeCallbacks(delayRun);
                }
                handler.postDelayed(delayRun, 800);
            }
        });

    }

    /**
     * 请求数据
     * @param searchTagName
     */
    private void searchTags(String searchTagName) {
        List searchTags=new ArrayList<>();
        searchTags.add(new SearchTag("测试数据1"));
        searchTags.add(new SearchTag("测试数据2"));
        searchTags.add(new SearchTag("测试数据3"));
        searchTags.add(new SearchTag("测试数据4"));
        searchTags.add(new SearchTag("测试数据5"));
        searchTags.add(new SearchTag("测试数据6"));
        searchTags.add(new SearchTag("测试数据7"));
        searchTags.add(new SearchTag("测试数据8"));
        searchTags.add(new SearchTag("测试数据9"));
        searchTags.add(new SearchTag("测试数据10"));
        searchTagList.clear();
        searchTagList.addAll(searchTags);
        mAdapter.notifyDataSetChanged();
    }
}

---

adapter

package net.yeah.lililearn.searchrecyclerview.adapter;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.webkit.WebViewFragment;
import android.widget.RelativeLayout;
import android.widget.TextView;

import net.yeah.lililearn.searchrecyclerview.R;
import net.yeah.lililearn.searchrecyclerview.model.SearchTag;

import java.util.List;

import lombok.NonNull;


public class SearchAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    private static final int VIEW_TYPE_TOP = 0;
    private static final int VIEW_TYPE_ITEM = 1;
    private static final int VIEW_TYPE_END = 2;
    private static final int VIEW_TYPE_EMPTY = 3;

    private List searchTagList;
    private Context context;

    public SearchAdapter(@NonNull List Tags,
                         @NonNull Context context) {
        this.context = context;
        this.searchTagList = Tags;
        Log.e("11",searchTagList.toString());
    }

    @Override
    public int getItemViewType(int position) {
        Log.e("11",searchTagList.toString());
        if (searchTagList.isEmpty()) {
            if (position == 0) {
                return VIEW_TYPE_EMPTY;
            }
            return VIEW_TYPE_END;
        }
        if (position == 0) {
            return VIEW_TYPE_TOP;
        } else if (position == getItemCount() - 1) {
            return VIEW_TYPE_END;
        }
        return VIEW_TYPE_ITEM;
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        switch (viewType) {
            case VIEW_TYPE_TOP: {
                View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.adapter_goods_tag_top, parent, false);
                return new GoodsTagTopHolder(view);
            }
            case VIEW_TYPE_ITEM: {
                View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.adapter_goods_tag_item, parent, false);
                return new GoodsTagItemHolder(view);
            }
            case VIEW_TYPE_END: {
                View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.adapter_goods_tag_end, parent, false);
                GoodsTagEndHolder holder = new GoodsTagEndHolder(view);
                holder.setEvent();
                return holder;
            }
            default: {
                View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.adapter_goods_tag_empty, parent, false);
                return new EmptyViewHolder(view);
            }
        }
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        if (holder instanceof GoodsTagItemHolder) {
            SearchTag searchTag = searchTagList.get(position - 1);
            GoodsTagItemHolder goodsTagItemHolder = (GoodsTagItemHolder) holder;
            goodsTagItemHolder.setData(searchTag);
            goodsTagItemHolder.setEvent(searchTag);
        }
    }

    @Override
    public int getItemCount() {
        if (searchTagList.isEmpty()) {
            return 2;
        }
        return searchTagList.size() + 2;
    }

    private class GoodsTagTopHolder extends RecyclerView.ViewHolder {
        GoodsTagTopHolder(View view) {
            super(view);
        }
    }

    private class GoodsTagItemHolder extends RecyclerView.ViewHolder {
        private TextView mGoodsTagItemTv;
        private RelativeLayout mGoodsTagItemLayout;

        GoodsTagItemHolder(View view) {
            super(view);
            mGoodsTagItemLayout = (RelativeLayout) view.findViewById(R.id.goods_tag_item_layout);
            mGoodsTagItemTv = (TextView) view.findViewById(R.id.goods_tag_item_tv);
        }

        public void setData(SearchTag searchTag) {
            String label = searchTag.getName();
            mGoodsTagItemTv.setText(label);
        }

        public void setEvent(SearchTag searchTag) {

        }
    }

    private class GoodsTagEndHolder extends RecyclerView.ViewHolder {
        private TextView mGoodsTagLinkTv;

        GoodsTagEndHolder(View view) {
            super(view);
            mGoodsTagLinkTv = (TextView) view.findViewById(R.id.goods_tag_link_tv);
        }

        public void setEvent() {
            mGoodsTagLinkTv.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {

                }
            });
        }
    }

    private class EmptyViewHolder extends RecyclerView.ViewHolder {
        EmptyViewHolder(View itemView) {
            super(itemView);
            TextView textView = (TextView) itemView.findViewById(R.id.empty_text);
        }
    }
}

SearchView虽然是官方的但是一般不推荐使用！对于搜索框的实现官方提供了SearchView但是很多坑需要去填推荐用EditText！

SearchView属性

属性名称	相关方法	描述
android:iconifiedByDefault	setIconifiedByDefault（boolean）	设置搜索图标是否显示在搜索框内
android:imeOptions	setImeOptions(int)	设置输入法搜索选项字段，默认是搜索，可以是：下一页、发送、完成等
android:inputType	setInputType(int)	设置输入类型
android:maxWidth	setMaxWidth(int)	设置最大宽度
android:queryHint	setQueryHint(CharSequence)	设置查询提示字符串
	setSubmitButtonEnabled (boolean enabled)	设置是否出现提交按钮

package net.yeah.lililearn.searchrecyclerview.activity;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;;
import android.text.TextUtils;
import android.widget.SearchView;

import net.yeah.lililearn.searchrecyclerview.R;
import net.yeah.lililearn.searchrecyclerview.adapter.SearchAdapter;
import net.yeah.lililearn.searchrecyclerview.model.SearchTag;

import java.util.ArrayList;
import java.util.List;

public class SearchViewActivity extends AppCompatActivity {
    private RecyclerView mSearchTagRecycler;
    private List searchTagList;
    private SearchAdapter mAdapter;
    private SearchView mSearchTagView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        initView();
        initAdapter();
        setEvent();
    }

    private void initView() {
        mSearchTagView = (SearchView) findViewById(R.id.search_tag_view);
        mSearchTagRecycler = (RecyclerView) findViewById(R.id.search_tag_recycler);
        mSearchTagRecycler.setLayoutManager(new LinearLayoutManager(this));
        mSearchTagRecycler.setAnimation(null);
    }

    private void initAdapter() {
        searchTagList = new ArrayList<>();
        mAdapter = new SearchAdapter(searchTagList, this);
        mSearchTagRecycler.setAdapter(mAdapter);
    }

    private void setEvent() {
        mSearchTagView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
            @Override
            public boolean onQueryTextSubmit(String query) {
                // 当点击搜索按钮时触发该方法
                return false;
            }

            @Override
            public boolean onQueryTextChange(String newText) {
                // 当搜索内容改变时触发该方法
                if (!TextUtils.isEmpty(newText.trim())){
                    searchTags(newText.trim());

                }else{
                    searchTagList.clear();
                    mAdapter.notifyDataSetChanged();
                }
                return false;
            }
        });
    }


    /**
     * 请求数据
     * @param searchTagName
     */
    private void searchTags(String searchTagName) {
        List searchTags=new ArrayList<>();
        searchTags.add(new SearchTag("测试数据1"));
        searchTags.add(new SearchTag("测试数据2"));
        searchTags.add(new SearchTag("测试数据3"));
        searchTags.add(new SearchTag("测试数据4"));
        searchTags.add(new SearchTag("测试数据5"));
        searchTags.add(new SearchTag("测试数据6"));
        searchTags.add(new SearchTag("测试数据7"));
        searchTags.add(new SearchTag("测试数据8"));
        searchTags.add(new SearchTag("测试数据9"));
        searchTags.add(new SearchTag("测试数据10"));
        searchTagList.clear();
        searchTagList.addAll(searchTags);
        mAdapter.notifyDataSetChanged();
    }
}

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

    <SearchView
        android:id="@+id/search_tag_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:iconifiedByDefault="false"
        android:layout_margin="8dp"
        android:background="@drawable/shape_tag_search"
        android:queryHint="请输入搜索内容" />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/search_tag_recycler"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:divider="@null"
        android:listSelector="@android:color/transparent" />
LinearLayout>

贴上效果图

项目中经常遇到的问题
1.放大镜图标的替换
2.X图标的删除
3.Text框下划线删除

总结：虽然官方的组件挺好使的，但是在项目中使用需要自己重写一下才能使用。还是EditText比较适合！