Android 搜索框的实时查询/模糊查询

骑猪看日落 2022-04-16 06:56 808阅读 0赞

参考

http://www.cnblogs.com/jeffen/p/6958235.html

http://blog.csdn.net/ljd4305/article/details/39375163

这里实现的是搜索框时时查询，代码中是在数据库中使用的模糊查询；

整个布局使用的是线性布局，搜索框又是一个线性布局（里面包含一个相对布局和一个TextView,相对布局里面有一个EditText和ImageVIew），下面是一个ListView;

搜索框其实就是一个EditText，背景是用shape自己画出来的；上面放一个“删除”的图片；

在Activity中给EditText设置一个监听，当输入文字的时候获取输入的内容然后查询数据库，将查询到的数据展示到ListView中；

看下代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
        android:layout\_width="match\_parent"    
        android:layout\_height="match\_parent"    
        android:orientation="vertical">    
        
        <LinearLayout    
            android:layout\_width="match\_parent"    
            android:layout\_height="43dp"    
            android:background="@color/colorPrimaryDark"    
            android:gravity="center"    
            android:orientation="horizontal">    
        
            <RelativeLayout    
                android:layout\_width="0dp"    
                android:layout\_height="match\_parent"    
                android:layout\_weight="1">    
        
                <EditText    
                    android:id="@+id/edittext"    
                    android:layout\_width="match\_parent"    
                    android:layout\_height="match\_parent"    
                    android:layout\_marginBottom="8dp"    
                    android:layout\_marginLeft="10dp"    
                    android:layout\_marginTop="8dp"    
                    android:background="@drawable/searchbox\_bj"    
                    android:hint="请输入搜索内容"    
                    android:maxLength="10"    
                    android:paddingLeft="15dp"    
                    android:singleLine="true"    
                    android:textSize="12sp" />    
        
                <ImageView    
                    android:id="@+id/imageview"    
                    android:layout\_width="wrap\_content"    
                    android:layout\_height="wrap\_content"    
                    android:layout\_alignParentRight="true"    
                    android:layout\_centerInParent="true"    
                    android:paddingRight="20dp"    
                    android:src="@drawable/delete"    
                    android:visibility="gone" />    
        
            </RelativeLayout>    
        
            <TextView    
                android:id="@+id/textview"    
                android:layout\_width="wrap\_content"    
                android:layout\_height="match\_parent"    
                android:gravity="center"    
                android:paddingLeft="10dp"    
                android:paddingRight="10dp"    
                android:text="搜索"    
                android:textColor="\#ffffff"    
                android:textSize="20sp" />    
        </LinearLayout>    
        
        <ListView    
            android:id="@+id/listview"    
            android:layout\_width="match\_parent"    
            android:layout\_height="0dp"    
            android:layout\_weight="1"></ListView>    
    </LinearLayout>

要在EditText文本改变前执行查询 数据库的操作并实时展示  
    public class MainActivity extends Activity \{    
        
        private EditText mEditText;    
        private ImageView mImageView;    
        private ListView mListView;    
        private TextView mTextView;    
        Context context;    
        Cursor cursor;    
        
        @Override    
        protected void onCreate(Bundle savedInstanceState) \{    
            super.onCreate(savedInstanceState);    
            setContentView(R.layout.activity\_main);    
            context = this;    
                
            initView();    
        \}    
        
        private void initView() \{    
            mTextView = (TextView) findViewById(R.id.textview);    
            mEditText = (EditText) findViewById(R.id.edittext);    
            mImageView = (ImageView) findViewById(R.id.imageview);    
            mListView = (ListView) findViewById(R.id.listview);    
        
            //设置删除图片的点击事件    
            mImageView.setOnClickListener(new View.OnClickListener() \{    
                @Override    
                public void onClick(View v) \{    
                    //把EditText内容设置为空    
                    mEditText.setText("");    
                    //把ListView隐藏    
                    mListView.setVisibility(View.GONE);    
                \}    
            \});    
        
            //EditText添加监听    
            mEditText.addTextChangedListener(new TextWatcher() \{    
                    
                public void beforeTextChanged(CharSequence s, int start, int count, int after) \{\}//文本改变之前执行    
        
                @Override    
                //文本改变的时候执行    
                public void onTextChanged(CharSequence s, int start, int before, int count) \{    
                    //如果长度为0    
                    if (s.length() == 0) \{    
                        //隐藏“删除”图片    
                        mImageView.setVisibility(View.GONE);    
                    \} else \{//长度不为0    
                        //显示“删除图片”    
                        mImageView.setVisibility(View.VISIBLE);    
                        //显示ListView    
                        showListView();    
                    \}    
                \}    
        
                public void afterTextChanged(Editable s) \{ \}//文本改变之后执行    
            \});    
        
            mTextView.setOnClickListener(new View.OnClickListener() \{    
                    
                public void onClick(View v) \{    
                    //如果输入框内容为空，提示请输入搜索内容    
                    if(TextUtils.isEmpty(mEditText.getText().toString().trim()))\{    
                        ToastUtils.showToast(context,"请输入您要搜索的内容");    
                    \}else \{    
                        //判断cursor是否为空    
                        if (cursor != null) \{    
                            int columnCount = cursor.getCount();    
                            if (columnCount == 0) \{    
                                ToastUtils.showToast(context, "对不起，没有你要搜索的内容");    
                            \}    
                        \}    
                    \}    
        
                \}    
            \});    
        \}    
        
        private void showListView() \{    
            mListView.setVisibility(View.VISIBLE);    
            //获得输入的内容    
            String str = mEditText.getText().toString().trim();    
            //获取数据库对象    
            MyOpenHelper myOpenHelper = new MyOpenHelper(getApplicationContext());    
            SQLiteDatabase db = myOpenHelper.getReadableDatabase();    
            //得到cursor    
            cursor = db.rawQuery("select \* from lol where name like '%" + str + "%'", null);    
            MyListViewCursorAdapter adapter = new MyListViewCursorAdapter(context, cursor);    
        
            mListView.setAdapter(adapter);    
        
            mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() \{    
                @Override    
                public void onItemClick(AdapterView<?> parent, View view, int position, long id) \{    
                    //把cursor移动到指定行    
                    cursor.moveToPosition(position);    
                    String name = cursor.getString(cursor.getColumnIndex("name"));    
                    ToastUtils.showToast(context, name);    
                \}    
            \});    
        \}    
    \}    
CharSequence s, int start, int before, int count(CharSequence s, int start, int before, int count)方法中做判断，s是EditText中的文本内容；  
判断如果s长度为0隐藏“删除”图片，否则显示“删除图片”，显示ListView,查询数据库获得Cursor获得CursorAdapter将内容展示到ListView中；

发表评论取消回复

表情：

评论列表（有 0 条评论，808人围观）

还没有评论，来说两句吧...

相关阅读

相关 Mybatis 一个搜索框对多个字段进行模糊查询

亲测-可行通过searchName 查询 alias\_name 或 name <if test="record.searchName != null">

男娘i/ 2023年09月29日 11:03/ 0 赞/ 103 阅读

相关如何使用vue实现搜索输入框实时查询显示

一、需求问题在`vue`的项目中，经常会遇到搜索输入框的需求。当我们未输入内容，搜索输入框下面不显示内容。当我们输入内容以后，搜索输入框会实时显示，下面会实时显示搜索出来的

ゝ一世哀愁。/ 2023年06月27日 06:22/ 0 赞/ 30 阅读

相关 Android输入框实时模糊搜索

Android输入框实时模糊搜索很多开发场景会用到搜索框实时模糊搜索来帮助用户输入内容，如图 ![模糊搜索效果][2020080410205258.gif_pic_c

绝地灬酷狼/ 2023年03月05日 03:10/ 0 赞/ 116 阅读

相关数组搜索模糊查询（四）

被搜索的数据类型为数组包数组包对象,如： ![20201209165230913.png][] //数组模糊搜索 row--val值 arr--数组数据

Bertha 。/ 2022年12月27日 08:41/ 0 赞/ 269 阅读

相关 antd模糊搜索框

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

浅浅的花香味﹌/ 2022年11月15日 11:23/ 0 赞/ 335 阅读

相关 elasticSearch查询数据，模糊搜索无法查询出来

背景： es在查询数据的时候，使用a字段查询可以看到b字段是有内容的，但是模糊匹配b字段，是查询不到数据的。复现事件经过第一种正常： select \ fro

悠悠/ 2022年10月06日 08:53/ 0 赞/ 542 阅读

相关 zTree多选框模糊查询

一.设置seting的view属性 view: { dblClickExpand: true, selectedMulti : true,/

我会带着你远行/ 2022年05月13日 22:48/ 0 赞/ 429 阅读

相关 Android 搜索框的实时查询/模糊查询

参考 http://www.cnblogs.com/jeffen/p/6958235.html http://blog.csdn.net/ljd4305/article/d

骑猪看日落/ 2022年04月16日 06:56/ 0 赞/ 809 阅读

相关数组搜索模糊查询（三）

//数组模糊搜索 array 二维数组 feature搜索的字段（键名） val值 function findarrays(ar, feature, v)

矫情吗；*/ 2022年02月26日 01:18/ 0 赞/ 644 阅读

相关 uniapp 列表搜索模糊查询

<template> <view>

àì夳堔傛蜴生んèń/ 2021年09月07日 06:06/ 0 赞/ 2643 阅读