android-View之搜索功能的实现

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


    image.png

  • xml

<?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
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 157,198评论 4赞 359
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 66,663评论 1赞 290
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 106,985评论 0赞 237
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 43,673评论 0赞 202
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 51,994评论 3赞 285
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 40,399评论 1赞 211
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 31,717评论 2赞 310
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 30,407评论 0赞 194
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 34,112评论 1赞 239
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,371评论 2赞 241
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,891评论 1赞 256
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 28,255评论 2赞 250
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 32,881评论 3赞 233
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,010评论 0赞 8
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,764评论 0赞 192
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 35,412评论 2赞 269
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 35,299评论 2赞 260