Android实现模拟搜索功能

本文实例为大家分享了Android实现模拟搜索功能的具体代码,供大家参考,具体内容如下

先看效果图,合适了再接着往下看:

我们看到的这个页面,是由两部分组成,顶部的自定义的搜索框,和listView组成。

首先我们来实现布局页面,自定义搜索框,和设置listView

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".SearchBoxActivity"
    android:orientation="vertical"
    >
    <EditText
        android:id="@+id/et_search"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:hint="搜索名称"
        android:background="@drawable/btn_search"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="10dp"
        android:maxLines="1"
        android:maxLength="20"
        android:inputType="text"
        android:drawableLeft="@drawable/search"
        />
    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />
</LinearLayout>

其中EditeText控件中的 android:background="@drawable/btn_search"

这个btn_search.xml 是在drawable目录下定义的。

btn_search.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" />
    <stroke
        android:width="2dp"
        android:color="@color/blue" />
    <solid android:color="@color/white" />
    <corners android:radius="20dp" />
</shape>

之后我们就来实现搜索搜索功能。

使用ListView控件就要给这个控件设置适配器,我们就先来创建一个适配器SearchAdapter,里面的list集合泛型是我自己创建的一个类,类里面只有一个String属性,实现了get和set方法,还有构造器。

在适配器中创建了一个内部类MyFilter,继承了Filter类,这个Filter类是Google官方提供的,实现数据过滤。之后我们重写其中的两个方法performFiltering 和publishResults 自己制定过滤规则。

public class SearchAdapter extends BaseAdapter implements Filterable {
    private Context context;
    private ArrayList<Simulation> list = new ArrayList<>();
    private MyFilter filter; //创建MyFilter对象
    private FilterListener listener = null; //接口对象

    public SearchAdapter(Context context, ArrayList<Simulation> list, FilterListener listener) {
        this.context = context;
        this.list = list;
        this.listener = listener;
    }

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

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

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        try {
            final ViewHold hold;
            if (convertView == null) {
                hold = new ViewHold();
                convertView = LayoutInflater.from(context).inflate(R.layout.item_search, null);
                hold.tv_simulation = convertView.findViewById(R.id.tv_simulation);
                convertView.setTag(hold);
            } else {
                hold = (ViewHold) convertView.getTag();
            }
            Simulation simulation = list.get(position);
            hold.tv_simulation.setText(simulation.getText());
        } catch (Exception e) {
            e.printStackTrace();
        }
        return convertView;
    }

    public Filter getFilter() {
        if (filter == null) {
            filter = new MyFilter(list);
        }
        return filter;
    }

    /**
     * 创建内部类MyFilter继承Filter类,并重写相关方法,实现数据的过滤
     */
    class MyFilter extends Filter {
        //创建集合保存原始数据
        private ArrayList<Simulation> original = new ArrayList<>();

        public MyFilter(ArrayList<Simulation> original) {
            this.original = original;
        }

        //该方法返回搜索过滤后的数据
        @Override
        protected FilterResults performFiltering(CharSequence constraint) {
            //创建FilterResults对象
            FilterResults filterResults = new FilterResults();
            /**
             * 没有搜索内容的话就还是给filterResults赋值原始数据的值和大小
             * 执行了搜索的话,根据搜索规则过滤即可,最后把过滤后的数据的值和大小赋值给filterResults
             */
            if (TextUtils.isEmpty(constraint)) {
                //取出当前的数据源的值和集合元素个数
                //此时返回的filterResults就是原始的数据,不进行过滤
                filterResults.values = original;
                filterResults.count = original.size();
            } else {
                ArrayList<Simulation> mList = new ArrayList<>();
                //创建集合保护过滤后的数据
                for (Simulation s : original) {
                    //这里的toLowerCase():是将字符串中的字母全部变为小写,而非字母则不做改变
                    if (s.getText().trim().toLowerCase().contains(constraint.toString().trim().toLowerCase())) {
                        //规则匹配的话就往集合中添加该数据
                        mList.add(s);
                    }
                }
                filterResults.values = mList;
                filterResults.count = mList.size();
            }
            return filterResults;
        }

        //该方法用来刷新用户界面,根据过滤后的数据重新展示列表
        @Override
        protected void publishResults(CharSequence constraint, FilterResults results) {
            //获取过滤后的数据
            list = (ArrayList<Simulation>) results.values;
            //如果接口对象不为空,那么调用接口中的方法获取过滤后的数据,具体的实现在new这个接口的时候重写的方法里执行
            if (listener != null) {
                listener.getFilterData(list);
            }
            //刷新数据源显示
            //通知数据观察者当前所关联的数据源已经发生改变,任何与该数据有关的视图都应该去刷新自己。
            notifyDataSetChanged();
        }
    }

    public interface FilterListener{
        void getFilterData(List<Simulation> list);
    }

    public final class ViewHold {
        private TextView tv_simulation;
    }

}

之后我们在SearchBoxActivity中,对EditText控件的TextChanged进行实时监听,然后对输入的关键字与ListView中的数据源进行循环遍历、过滤,再把新数据源通过适配器刷新到ListView上。这么一个过程。

public class SearchBoxActivity extends AppCompatActivity {
    private static final String TAG = "SearchBoxActivity";
    private EditText et_search;
    private ListView listView;
    private SearchAdapter searchAdapter;

    private ArrayList<Simulation> list = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_search_box);
        et_search = findViewById(R.id.et_search);
        listView = findViewById(R.id.listView);
        String data[] = new String[]{"大数据", "Android开发", "Java开发", "web前端开发", "网页开发", "IOS开发"};
        for (int i = 0; i < 6; i++) {
            Simulation simulation = new Simulation(data[i]);
            list.add(simulation);
        }

        searchAdapter = new SearchAdapter(this, list, new SearchAdapter.FilterListener() {
            @Override
            public void getFilterData(List<Simulation> list) {
                //这里可以拿到过滤后的数据,所以在这里可以对搜索后的数据进行操作
                Log.e(TAG, "接口回调成功");
                Log.e(TAG, list.toString());
                setItemClick(list);
            }
        });
        //设置适配器
        listView.setAdapter(searchAdapter);
        //设置监听
        setListeners();
    }

    private void setListeners() {
        //没有进行搜索的时候,也要添加对listView的item单击监听
        setItemClick(list);
        /**
         * 对编辑框添加文本改变监听,搜索的具体功能是在这里实现
         * 文字改变的时候进行搜索,关键方法是重写onTextChanged()方法
         */
        et_search.addTextChangedListener(new TextWatcher() {
            //每次EditText文本改变之前的时候,会回调这个方法
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
                //s     输入框中改变前的字符串信息
                //start 输入框中改变前的字符串的起始位置
                //count 输入框中改变前后的字符串改变数量一般为0
                //after 输入框中改变后的字符串与起始位置的偏移量
            }
            //每次EditText文本改变的时候,会回调这个方法
            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                //第一个参数s 的含义: 输入框中改变后的字符串信息
                //start 输入框中改变后的字符串的起始位置
                //before 输入框中改变前的字符串的位置 默认为0
                //count 输入框中改变后的一共输入字符串的数量
                if (searchAdapter != null) {
                    searchAdapter.getFilter().filter(s);
                }
            }
            //每次EditText文本改变之后的时候,会回调这个方法
            @Override
            public void afterTextChanged(Editable s) {
                //edit  输入结束呈现在输入框中的信息
            }
        });
    }

    private void setItemClick(List<Simulation> filter_list) {
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(SearchBoxActivity.this, filter_list.get(position).getText(), Toast.LENGTH_SHORT).show();
            }
        });
    }
}

这样就实现了模拟搜索的功能,并且在代码中已经给出了详细的注释。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android搜索框组件SearchView的基本使用方法

    SearchView是android系统中内置的一个搜索框组件,可以很方便在添加在用户界面之上,但是也带来了一些问题,那就是searchview的UI是固定的,定制起来会很麻烦,如果对SearchView的要求比较高,完全可以采用button和EditText自己实现.这里先简单的说说SearchView的使用: main.xml: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" x

  • Android Studio搜索功能(查找功能)及快捷键图文详解

    1.在当前窗口查找文本[Ctrl+F] F3 向下查找关键字出现位置 Shift+F3 向上一个关键字出现位置 2.在当前工程内查找文本[Ctrl+Shift+F] 先会弹出一个对话框,直接点击[find],开始在整个工程内查找该字符串 查找结果如下: 3.查找类[Ctrl+N] 4.查找文件[Ctrl+Shift+N] 5.查找项目中的方法或变量[Ctrl+Shift+Alt+N] 6.查找类/方法/变量引用的地方 先定位光标 右键选择"Find Usages"(快捷键Alt+F7)

  • Android仿简书动态searchview搜索栏效果

    简书的动态搜索栏效果是这样的,挺高大上的感觉. ezgif.com-resize.gif 仔细想一下,其实实现起来非常简单,这是我做的效果,基本完美还原. ezgif.com-resize (2).gif 实现这个效果, 只要关注几个点 1.搜索栏伸展和收缩动画效果实现 2.搜索栏伸展和收缩的时机 3.顶部透明度的渐变 搜索栏伸展和收缩动画效果实现: 我们只要明确,使用系统为我们提供的Transition框架,就可以轻而易举的实现了. 首先要引入依赖compile 'com.android.su

  • Android实现搜索功能并本地保存搜索历史记录

    本文实例为大家分享了Android实现搜索功能,并且需要显示搜索的历史记录,供大家参考,具体内容如下 效果图: 本案例实现起来很简单,所以可以直接拿来嵌入项目中使用,涉及到的知识点: - 数据库的增删改查操作 - ListView和ScrollView的嵌套冲突解决 - 监听软键盘回车按钮设置为搜索按钮 - 使用TextWatcher( )实时筛选 - 已搜索的关键字再次搜索不重复添加到数据库 - 刚进入页面设置软键盘不因为EditText而自动弹出 代码 RecordSQLiteOpenHel

  • Android百度地图实现搜索和定位及自定义图标绘制并点击时弹出泡泡

    一.问题描述 上一次我们使用百度地图实现基本的定位功能,接下来我们继续实现搜索和定位,并使用LocationOverlay绘制定位位置,同时展示如何使用自定义图标绘制并点击时弹出泡泡 如图所示: 二.编写MyApplication类 public class MyApplication extends Application { private static MyApplication mInstance = null; public boolean m_bKeyRight = true; pu

  • Android 百度地图POI搜索功能实例代码

    在没介绍正文之前先给大家说下poi是什么意思. 由于工作的关系,经常在文件中会看到POI这三个字母的缩写,但是一直对POI的概念和含义没有很详细的去研究其背后代表的意思.今天下班之前,又看到了POI这三个字母,决定认认真真的搜索一些POI具体的含义. POI是英文的缩写,原来的单词是point of interest, 直译成中文就是兴趣点的意思.兴趣点这个词最早来自于导航地图厂商.地图厂商为了提供尽可能多的位置信息,花费了很大的精力去寻找诸如加油站,餐馆,酒店,景点等目的地,这些目的地其实都可

  • Android搜索框SearchView属性和用法详解

    SearchView简介 SearchView是Android原生的搜索框控件,它提供了一个用户界面,用于用户搜索查询. SearchView默认是展示一个search的icon,点击icon展开搜索框,如果你想让搜索框默认就展开,可以通过setIconifiedByDefault(false);实现. SearchView属性 SearchView使用 xml中定义SearchView: <?xml version="1.0" encoding="utf-8"

  • Android遍历所有文件夹和子目录搜索文件

    本文实例为大家分享了android遍历所有文件夹和子目录来搜索文件,供大家参考,具体内容如下 java代码: import java.io.File; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget

  • Android SearchView搜索框组件的使用方法

    SearchView是搜索框组件,它可以让用户在文本框里输入文字,通过监听器取得用户的输入,当用户点击搜索时,监听器执行实际的搜索. 本文就为大家分享了SearchView搜索框组件的使用方法,供大家参考,具体内容如下 效果: 代码SearchActivity.java package com.jialianjia.bzw.activity; import android.os.Bundle; import android.widget.ArrayAdapter; import android.

  • Android自定义View实现搜索框(SearchView)功能

    概述 在Android开发中,当系统数据项比较多时,常常会在app添加搜索功能,方便用户能快速获得需要的数据.搜索栏对于我们并不陌生,在许多app都能见到它,比如豌豆荚 在某些情况下,我们希望我们的自动补全信息可以不只是纯文本,还可以像豌豆荚这样,能显示相应的图片和其他数据信息,因此Android给我们提供的AutoCompleteTextView往往就不够用,在大多情况下我们都需要自己去实现搜索框. 分析 根据上面这张图,简单分析一下自定义搜索框的结构与功能,有 1. 搜索界面大致由三部门组成

随机推荐