android-View之搜索功能的实现

作者: 伊泽瑞额 | 来源:发表于2019-03-20 13:56 被阅读0次

android-View之搜索功能的实现
Flutter收藏库——简单的搜索功能
SwiftUI iOS 封装之SearchBar全功能封装实现多
搜索功能的实现
Django开发教程（五）
Android实战：美食项目（三）
iOS搜索功能详细教程
ios UISearchDisplayController 实现
selenium笔记：模拟用户使用搜索引擎
Django 开发 MxOnline 项目笔记　－－　第10章

现在很多的app中都有搜索的功能。也就是说搜索栏下面有一个列表，列表中放的内容我们可以在搜索框中输入你想要搜索的内容，这时候，下面的列表就会出现你想要的内容。如图：

image.png

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:app="http://schemas.android.com/apk/res-auto"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:focusable="true"
              android:focusableInTouchMode="true"
              android:background="@color/white"
              android:layout_height="match_parent">


    <cn.bingoogolapple.titlebar.BGATitleBar
        android:id="@+id/title"
        style="@style/TitleBar_Default"
        app:bgatitlebar_titleText="为他人申诉"/>

    <LinearLayout
        android:id="@+id/ll_search"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:paddingLeft="8.5dp">

        <RelativeLayout
            android:id="@+id/rl_search"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:padding="10dp">

            <ImageView
                android:layout_width="13dp"
                android:layout_height="13dp"
                android:layout_centerInParent="true"
                android:src="@drawable/icon_search_gray"/>

        </RelativeLayout>


        <EditText
            android:id="@+id/et_search"
            style="@style/text_content_singleLine"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@color/transparent"
            android:inputType="text"
            android:hint="请输入姓名或学号"
            android:imeOptions="actionSearch"
            android:textColor="@color/text_content_light"
            android:textColorHint="@color/color_9f"
            android:textSize="14sp"/>

        <LinearLayout
            android:id="@+id/ll_cancel"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginRight="@dimen/common_margin"
            android:orientation="horizontal">

            <RelativeLayout
                android:id="@+id/rl_clear"
                android:layout_width="23dp"
                android:layout_height="match_parent">

                <ImageView
                    android:id="@+id/iv_clear"
                    android:layout_width="8dp"
                    android:layout_height="8dp"
                    android:layout_centerInParent="true"
                    android:src="@drawable/icon_clear"/>
            </RelativeLayout>

            <TextView
                android:id="@+id/tv_cancel"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:gravity="center_vertical"
                android:paddingLeft="7.5dp"
                android:text="取消"
                android:textColor="@drawable/selector_color_61"
                android:textSize="13sp"/>

        </LinearLayout>

    </LinearLayout>

    <View
        style="@style/divider_h"/>

    <include layout="@layout/layout_pullable_listview"/>


</LinearLayout>

adapter 这个类实现了Filterable接口，然后重写了getFilter()方法，在adapter中定义了一个内部类MyFilter继承Filter类，并重写相关方法，实现数据的过滤。

public class AppealNameListAdapter extends BaseAdapter implements Filterable
{

    private List<OtherAppealNameListBean> list = new ArrayList<OtherAppealNameListBean>();
    private Context context;
    private List<OtherAppealNameListBean> original;
    private FilterListener listener = null;// 接口对象





    public AppealNameListAdapter(List<OtherAppealNameListBean> list, Context context, FilterListener listener){
        this.list = list;
        this.context = context;
        this.listener=listener;

    }



    @Override
    public Filter getFilter()
    {
        return new MyFilter();
    }

    @Override
    public int getCount()
    {
        return list.size();
    }

    @Override
    public Object getItem(int i)
    {
        return list.get(i);
    }

    @Override
    public long getItemId(int i)
    {
        return i;
    }

    @Override
    public View getView(int i, View view, ViewGroup viewGroup)
    {
        ViewHolder holder = null;
        if(view==null){
            view= LayoutInflater.from(context).inflate(R.layout.item_other_appeal, null);
            holder = new ViewHolder();
            holder.tv_name = (TextView) view.findViewById(R.id.tv_item_name);
            holder.tv_number = (TextView) view.findViewById(R.id.tv_item_number);
            view.setTag(holder);

        }
        holder = (ViewHolder) view.getTag();
        holder.tv_name.setText(list.get(i).getName());
        holder.tv_number.setText(list.get(i).getNumber());
        return view;
    }


    class MyFilter extends Filter
    {

        /**
         * 过滤数据
         * @param charSequence
         * @return
         */
        @Override
        protected FilterResults performFiltering(CharSequence charSequence)
        {
            FilterResults results = new FilterResults();

            if(original==null){
                original=new ArrayList<OtherAppealNameListBean>(list);
            }

            if (TextUtils.isEmpty(charSequence))
            {
                results.values = original;
                results.count = original.size();

            } else
            {
                String prefixString = charSequence.toString().toLowerCase();
                // 创建集合保存过滤后的数据
                List<OtherAppealNameListBean> mList = new ArrayList<OtherAppealNameListBean>();
                // 遍历原始数据集合，根据搜索的规则过滤数据
                for (OtherAppealNameListBean s : original)
                {

                    if(s.getNumber().startsWith(prefixString)||s.getName().startsWith(prefixString)){
                        mList.add(s);
                    }


                }
                results.values = mList;
                results.count = mList.size();


            }


            return results;
        }

        /**
         * 该方法用来刷新用户界面，根据过滤后的数据重新展示列表
         * @param charSequence
         * @param filterResults
         */
        @Override
        protected void publishResults(CharSequence charSequence, FilterResults filterResults)
        {
            list = (List<OtherAppealNameListBean>) filterResults.values;
            if(listener != null){
                listener.getFilterData(list);
            }

            if (filterResults.count > 0) {
                notifyDataSetChanged();
            } else {
                notifyDataSetInvalidated();
            }

        }

    }



    class ViewHolder {
        TextView tv_name;
        TextView tv_number;
    }

}

activity

 private void initView()
    {
        setOperationVisibility(View.GONE);
        Utils.switchKeyboard(this, mEtSearch, true);
        mMSV.setViewForState(R.layout.layout_empty_view_teacher_search, MultiStateView.VIEW_STATE_EMPTY);
        mMSV.setViewState(MultiStateView.VIEW_STATE_CONTENT);
        mSRL.setRefreshing(false);
    }
    private void initData()
    {
        mDatas = new ArrayList<>();
        mAdapter = new AppealNameListAdapter(mDatas, this, new FilterListener()
        {
            @Override
            public void getFilterData(List<OtherAppealNameListBean> list)
            {
                setItemClick(list);
            }
        });
        mListView.setAdapter(mAdapter);
        mPresenter.getAppealNameList();


    }

private void initEvent()
    {
        setItemClick(mDatas);

        mEtSearch.setOnEditorActionListener((v, actionId, event) ->
        {
            return true;
        });

        mEtSearch.addTextChangedListener(new TextWatcher()
        {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after)
            {

            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count)
            {
                mAdapter.getFilter().filter(mEtSearch.getText().toString());
            }

            @Override
            public void afterTextChanged(Editable s)
            {
                setOperationVisibility(s.length() == 0 ? View.GONE : View.VISIBLE);
            }
        });


    }


   private void setItemClick(List<OtherAppealNameListBean> list)
    {
        mListView.setOnItemClickListener((parent, view, position, id) ->
        {
            OtherAppealNameListBean bean = list.get(position);
                EventBus.getDefault().post(new OtherAppealSearchEvent(mEventTag, bean));
                finish();
            }


    }

  /**
     * 取消 显示
     *
     * @param visible
     */
    private void setOperationVisibility(int visible)
    {
        mIvClear.setVisibility(visible);
    }



    /**
     * 隐藏展示 键盘
     *
     * @param activity
     * @param editText
     * @param showOrhide
     */
    public static void switchKeyboard(Activity activity, EditText editText, boolean showOrhide)
    {

        InputMethodManager imm = (InputMethodManager) activity.getSystemService(Context.INPUT_METHOD_SERVICE);

        if (showOrhide)
        {
            editText.setFocusable(true);
            editText.setFocusableInTouchMode(true);
            editText.requestFocus();
            imm.showSoftInput(editText, InputMethodManager.RESULT_SHOWN);
            imm.toggleSoftInput(InputMethodManager.SHOW_FORCED, InputMethodManager.HIDE_IMPLICIT_ONLY);
        } else
        {
            imm.hideSoftInputFromWindow(editText.getWindowToken(), 0);
        }
    }

接口代码（搜索后的数据没有变，点击后还是显示原来的数据。）

/**
 * Created by hm on 2019/3/15.
 * 获取过滤后的数据
 */
public interface FilterListener
{
    void getFilterData(List<OtherAppealNameListBean> list);// 获取过滤后的数据

}

注（ (刚开始搜索完成后，点击搜索后的数据，但是显示的是原来的数据，那么就是数据源没有变、而这个回调，就是为了解决这个问题的，拿到过滤后的数据源，对新的数据源进行操作即可很好的解决这个问题)。）

image.png

android-View之搜索功能的实现
现在很多的app中都有搜索的功能。也就是说搜索栏下面有一个列表，列表中放的内容我们可以在搜索框中输入你想要搜索的内...
Flutter收藏库——简单的搜索功能
最近在做项目时需要用到搜索框搜索功能，百度后记之以温习。实现搜索功能的SearchDelegate 实现搜索功能...
SwiftUI iOS 封装之SearchBar全功能封装实现多
实战需求 SwiftUI iOS 封装之SearchBar全功能封装实现多功能搜索功能本文价值与收获看完本文后...
搜索功能的实现
我们项目需要自定义SearchBar外观与app主题保持一致，而且目前我们公司适配到iOS7，所以需要修改默认的外...
Django开发教程（五）
十六、实现商品搜索功能 16.1商品搜索功能的分析： 16.2全文搜索框架haystack和搜索引擎whoosh的...
Android实战：美食项目（三）
搜索栏功能实现 TypeAdapter代码这里要实现的功能：点击搜索栏中的type名称，系统就会将type类型进行...
iOS搜索功能详细教程
iOS搜索功能详细教程 iOS实现搜索功能的类： iOS 8.0-：UISearchBar + UISearch...
ios UISearchDisplayController 实现
ios UISearchDisplayController 实现 UITableView 搜索功能
selenium笔记：模拟用户使用搜索引擎
实现功能：打开搜索输入关键字点击搜索结束实现效果：参考代码：
Django 开发 MxOnline 项目笔记　－－　第10章
一、全局搜索功能实现实现全局搜索功能前还需要解决的问题(1)因为首页 "index.html" 页面没有继承 “...