手把手教你寫一個搜索功能（支持模糊搜索和顯示搜索歷史）

個人簽名

從五一放假回來就一直在搞上線的項目，也沒怎么寫文章，上周五算是基本結(jié)束了。現(xiàn)在有時間研究其他技術(shù)，我在逛網(wǎng)頁時，無意間看到了一個搜索功能，有點類似淘寶搜索功能。廢話不多說，直奔主題。

效果截圖

效果圖
顯示搜索歷史
支持模糊搜索
點擊搜索，數(shù)據(jù)插入數(shù)據(jù)庫
回車鍵改為搜索鍵

使用場景

  • 當(dāng)用戶開始搜索時，顯示搜索歷史（根據(jù)需求，可以顯示所有搜索歷史，也可以顯示固定條數(shù)）
  • 用戶輸入內(nèi)容是，模糊搜索數(shù)據(jù)庫內(nèi)容，并實時顯示
  • 用戶可以使用軟鍵盤上的搜索鍵進行搜索

涉及知識點

  • SQLite數(shù)據(jù)庫的增刪改查
  • Scrollview嵌套ListView的沖突解決
  • LinearLayout的重寫
  • 修改軟鍵盤上的回車鍵為搜索鍵
  • 用戶用軟鍵盤搜索時，隱藏軟鍵盤
  • EditText光標(biāo)顯示最后字符上

demo展示

代碼結(jié)構(gòu)

demo結(jié)構(gòu)

布局結(jié)構(gòu)

布局結(jié)構(gòu)

代碼展示

MainActivity.java

package com.yt.searchdemo;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

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

RecoedSQLiteOpenHelper.java

package com.yt.searchdemo;

import android.content.Context;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;

/**
 * Created by Administrator on 2017/5/8.
 */

public class RecoedSQLiteOpenHelper extends SQLiteOpenHelper {

    private static String name = "temp.db";//數(shù)據(jù)庫名字
    private static Integer version = 1;//數(shù)據(jù)庫版本號

    public RecoedSQLiteOpenHelper(Context context) {
        super(context, name, null, version);
    }

    @Override
    public void onCreate(SQLiteDatabase sqLiteDatabase) {
        sqLiteDatabase.execSQL("create table records(id integer primary key autoincrement,name varchar(200))");//創(chuàng)建表名
    }

    @Override
    public void onUpgrade(SQLiteDatabase sqLiteDatabase, int i, int i1) {

    }
}

Search_LinearLayout.java

package com.yt.searchdemo;

import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import android.support.annotation.Nullable;
import android.text.Editable;
import android.text.Selection;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.inputmethod.InputMethodManager;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.CursorAdapter;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ScrollView;
import android.widget.SimpleCursorAdapter;
import android.widget.TextView;
import android.widget.Toast;

/**
 * @describe 自定義LinearLayout，整個搜索布局都在這里
 * @author yangliu
 */

public class Search_LinearLayout extends LinearLayout {

    private Context context;

    /*UI組件*/
    private TextView tv_clear;//清空搜索歷史
    private EditText et_search;//搜索框
    private TextView tv_tip;//搜索提示，eg:"搜索歷史"或"搜索結(jié)果"
    private ImageView iv_search;//搜索按鈕
    private ScrollView scroll_showSearchResult;

    /*列表及其適配器*/
    private Search_ListView listView;
    private BaseAdapter adapter;

    /*數(shù)據(jù)庫變量*/
    private RecoedSQLiteOpenHelper helper;
    private SQLiteDatabase db;

    public Search_LinearLayout(Context context) {
        super(context);
        this.context = context;
        init();
    }

    public Search_LinearLayout(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        this.context = context;
        init();
    }

    public Search_LinearLayout(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.context = context;
        init();
    }

    /**
     * 初始化搜索框
     * */
    private void init(){

        //初始化UI組件
        initView();

        //實例化數(shù)據(jù)庫SQLiteOpenHelper子類對象
        helper = new RecoedSQLiteOpenHelper(context);

        //第一次進入時，查詢所有的歷史記錄
        queryData("");

        //"清空搜索歷史"按鈕
        tv_clear.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View view) {
                //清空數(shù)據(jù)庫
                deleteData();
                queryData("");
            }
        });

        //搜索框獲得焦點時，顯示搜索歷史
        et_search.setOnFocusChangeListener(new OnFocusChangeListener() {
            @Override
            public void onFocusChange(View view, boolean b) {
                //獲得焦點，顯示搜索歷史
                if (b){
                    scroll_showSearchResult.setVisibility(VISIBLE);
                    queryData("");
                }else {//失去焦點，隱藏搜索歷史
                    scroll_showSearchResult.setVisibility(INVISIBLE);
                }

            }
        });

        //搜索框的文本變化實時監(jiān)聽
        et_search.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

            }

            @Override
            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
                //當(dāng)輸入框為空時，再顯示搜索歷史
                if (charSequence.toString().length()==0) {
                    scroll_showSearchResult.setVisibility(VISIBLE);
                }
            }

            //輸入后調(diào)用的該方法
            @Override
            public void afterTextChanged(Editable editable) {
                if (editable.toString().trim().length() == 0){
                    //若搜索框為空，則模糊搜索空字符，即顯示所有的搜索歷史
                    tv_tip.setText("搜索歷史");
                }else {
                    tv_tip.setText("搜索結(jié)果");
                }
                //每次輸入后都查詢數(shù)據(jù)庫并顯示
                //根據(jù)輸入的值去模糊查詢數(shù)據(jù)庫中有沒有數(shù)據(jù)
                String tempName = et_search.getText().toString().trim();
                queryData(tempName);
                // 輸入框，輸入時將光標(biāo)移到最后
                int pos = editable.length();
                Selection.setSelection(editable, pos);
            }
        });

        //鍵盤監(jiān)聽事件（回車鍵改成搜索鍵）
        et_search.setOnKeyListener(new OnKeyListener() {

            @Override
            public boolean onKey(View view, int i, KeyEvent keyEvent) {

                //軟鍵盤上的回車鍵，改成搜索鍵
                if (i == KeyEvent.KEYCODE_ENTER && keyEvent.getAction() == KeyEvent.ACTION_DOWN){
                    // 隱藏鍵盤，這里getCurrentFocus()需要傳入Activity對象，如果實際不需要的話就不用隱藏鍵盤了，免得傳入Activity對象，這里就先不實現(xiàn)了
                    ((InputMethodManager) context.getSystemService(Context.INPUT_METHOD_SERVICE))
                            .hideSoftInputFromWindow(view.getWindowToken(),
                                    InputMethodManager.HIDE_NOT_ALWAYS);
                    //判空操作
                    if (et_search.getText().toString().trim().length()==0){
                        Toast.makeText(context,"請輸入搜索內(nèi)容",Toast.LENGTH_SHORT).show();
                        return false;
                    }
                //按完搜索鍵后，將當(dāng)前查詢的關(guān)鍵字保存起來，如果關(guān)鍵字已經(jīng)存在，就不執(zhí)行保存
                boolean hasData = hasData(et_search.getText().toString().trim());
                    if (!hasData) {
                        insertData(et_search.getText().toString().trim());//數(shù)據(jù)庫不存在字段，就保存
                        queryData("");
                    }
                    //根據(jù)輸入的內(nèi)容模糊查詢商品，并跳轉(zhuǎn)到另一個小界面，這個需求根據(jù)需求實現(xiàn)
                    Toast.makeText(context,"點擊搜索",Toast.LENGTH_SHORT).show();
                }
                return false;
            }
        });

        //列表監(jiān)聽
        //即當(dāng)用戶點擊搜索歷史里的字段后，會直接將結(jié)果當(dāng)作搜索字段進行搜素
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {

                TextView textView = (TextView) view.findViewById(android.R.id.text1);
                String name = textView.getText().toString();
                et_search.setText(name);
                scroll_showSearchResult.setVisibility(INVISIBLE);//選中item時，隱藏搜索歷史
                Toast.makeText(context,"選擇搜索"+name,Toast.LENGTH_SHORT).show();
            }
        });
//       // 插入數(shù)據(jù)，便于測試，否則第一次進入沒有數(shù)據(jù)怎么測試呀？
//        Date date = new Date();
//        long time = date.getTime();
//        insertData("Leo" + time);

        //點擊搜索按鈕
        iv_search.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View view) {
                if (et_search.getText().toString().trim().length()==0){
                    Toast.makeText(context,"請輸入搜索內(nèi)容",Toast.LENGTH_SHORT).show();
                    return;
                }
                boolean hasData = hasData(et_search.getText().toString().trim());
                if (!hasData){
                    insertData(et_search.getText().toString().trim());

                    //搜索后顯示數(shù)據(jù)庫里所有搜索歷史是為了測試
                    queryData("");
                }
                //根據(jù)輸入的內(nèi)容模糊查詢商品，并跳轉(zhuǎn)到另一個界面，這個根據(jù)需求實現(xiàn)
                Toast.makeText(context, "搜索"+et_search.getText(), Toast.LENGTH_SHORT).show();
            }
        });


    }



    /**
     * 查詢數(shù)據(jù)庫是否包含該數(shù)據(jù)
     * */
    private boolean hasData(String s) {
        //從record這個表里找到name = s的id
        Cursor cursor = helper.getReadableDatabase().rawQuery("select id as _id,name from records where name =?", new String[]{s});
        //判斷是否有下一個
        return cursor.moveToNext();
    }

    /**
     * 清空數(shù)據(jù)
     * */
    private void deleteData() {
        db = helper.getWritableDatabase();
        db.execSQL("delete from records");//刪除表
        db.close();
    }

    /**
     * 查詢數(shù)據(jù),并顯示在ListView列表上
     * */
    private void queryData(String s) {
        //模糊搜索
        Cursor cursor = helper.getReadableDatabase().rawQuery(
                "select id as _id,name from records where name like '%" + s + "%' order by id desc",null);
//                "select id as _id from records",null);

        //創(chuàng)建adapter適配器對象，裝入模糊搜索的結(jié)果
        adapter = new SimpleCursorAdapter(context,android.R.layout.simple_list_item_1,cursor,new String[] {"name",
        },new int[] {android.R.id.text1}, CursorAdapter.FLAG_REGISTER_CONTENT_OBSERVER);

        //設(shè)置適配器
        listView.setAdapter(adapter);
        adapter.notifyDataSetChanged();
    }

    /**
     * 插入數(shù)據(jù)
     * */
    private void insertData(String s) {
        db = helper.getWritableDatabase();
        db.execSQL("insert into records(name) values ('" + s + "')");
        db.close();
    }
    /**
     * 初始化組件
     * */
    private void initView() {
        LayoutInflater.from(context).inflate(R.layout.search_layout,this);
        et_search = (EditText) findViewById(R.id.et_search);
        tv_clear = (TextView) findViewById(R.id.tv_clear);
        tv_tip = (TextView) findViewById(R.id.tv_tip);
        listView = (Search_ListView) findViewById(R.id.listView);
        iv_search = (ImageView) findViewById(R.id.iv_search);
        scroll_showSearchResult = (ScrollView) findViewById(R.id.scrllView_search);
        scroll_showSearchResult.setVisibility(INVISIBLE);
    }

}

Search_ListView.java

package com.yt.searchdemo;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.ListView;


/**
 * @describe 自定義ListView
 * @author yangliu
 * */
public class Search_ListView extends ListView {

    public Search_ListView(Context context) {
        super(context);
    }

    public Search_ListView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public Search_ListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    //通過復(fù)寫onMeasure方法，達到對ScrollView適配的效果
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, expandSpec);
    }

}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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="com.yt.searchdemo.MainActivity">

    <com.yt.searchdemo.Search_LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/search_layout">

    </com.yt.searchdemo.Search_LinearLayout>

</RelativeLayout>

search_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              xmlns:tools="http://schemas.android.com/tools"
              android:focusableInTouchMode="true"
              android:orientation="vertical">

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="50dp"
        android:background="#6888e7"
        android:orientation="horizontal"
        android:paddingRight="16dp">

        <ImageView
            android:layout_width="35dp"
            android:layout_height="35dp"
            android:layout_gravity="center_vertical"
            android:padding="10dp"
            android:src="@drawable/back" />

        <EditText
            android:id="@+id/et_search"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_weight="264"
            android:background="@drawable/corners_edit_text"
            android:drawablePadding="8dp"
            android:gravity="left|center_vertical"
            android:layout_gravity="center_vertical"
            android:hint=" 輸入查詢的關(guān)鍵字"
            android:imeOptions="actionSearch"
            android:singleLine="true"
            android:textSize="16sp" />

        <ImageView
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:src="@drawable/search"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="20dp"
            android:id="@+id/iv_search"/>

    </LinearLayout>


    <ScrollView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:id="@+id/scrllView_search">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:paddingLeft="20dp"
                >

                <TextView
                    android:id="@+id/tv_tip"
                    android:layout_width="match_parent"
                    android:layout_height="50dp"
                    android:gravity="left|center_vertical"
                    android:text="搜索歷史" />

                <View
                    android:layout_width="match_parent"
                    android:layout_height="1dp"
                    android:background="#EEEEEE"/>

                <com.yt.searchdemo.Search_ListView
                    android:id="@+id/listView"
                    android:scrollbars="none"
                    android:layout_width="match_parent"
                    
                    android:layout_height="wrap_content">

                </com.yt.searchdemo.Search_ListView>


            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#EEEEEE"/>

            <TextView
                android:id="@+id/tv_clear"
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:background="#F6F6F6"
                android:gravity="center"
                android:text="清除搜索歷史" />

            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:layout_marginBottom="20dp"
                android:background="#EEEEEE"/>
        </LinearLayout>

    </ScrollView>
</LinearLayout>

使用總結(jié)

這里使用的難點在于
1、對數(shù)據(jù)庫的操作
這里操作用到的都是SQL語句，其實安卓也提供了增刪改查的方法，如果你對sql語句不是很熟，用安卓提供的方法還是很不錯的。更多數(shù)據(jù)庫操作，請參考：Android：SQLlite數(shù)據(jù)庫操作最詳細(xì)解析
2、ScrollView嵌套listview滑動沖突解決
重寫listview的onMesure方法，達到適配ScrollView的效果。更多解決方法請看：ListView和ScrollView的嵌套沖突解決方案
3、更改軟鍵盤回車鍵為搜索鍵，代碼中兩處關(guān)鍵點

已經(jīng)把回車鍵更改為搜索鍵
搜索操作

結(jié)尾：如果這篇文章對你有用，在收藏的同時，記得添加個關(guān)注，并留下寶貴意見。

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容