個(gè)人簽名

從五一放假回來(lái)就一直在搞上線的項(xiàng)目矫夯，也沒(méi)怎么寫文章鸽疾，上周五算是基本結(jié)束了。現(xiàn)在有時(shí)間研究其他技術(shù)训貌，我在逛網(wǎng)頁(yè)時(shí)制肮，無(wú)意間看到了一個(gè)搜索功能，有點(diǎn)類似淘寶搜索功能递沪。廢話不多說(shuō)豺鼻，直奔主題。

效果截圖

效果圖

顯示搜索歷史

支持模糊搜索

點(diǎn)擊搜索款慨，數(shù)據(jù)插入數(shù)據(jù)庫(kù)

回車鍵改為搜索鍵

使用場(chǎng)景

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

涉及知識(shí)點(diǎn)

• SQLite數(shù)據(jù)庫(kù)的增刪改查
• Scrollview嵌套ListView的沖突解決
• LinearLayout的重寫
• 修改軟鍵盤上的回車鍵為搜索鍵
• 用戶用軟鍵盤搜索時(shí)，隱藏軟鍵盤
• 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ù)庫(kù)名字
    private static Integer version = 1;//數(shù)據(jù)庫(kù)版本號(hào)

    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井誉，整個(gè)搜索布局都在這里
 * @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ù)庫(kù)變量*/
    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í)例化數(shù)據(jù)庫(kù)SQLiteOpenHelper子類對(duì)象
        helper = new RecoedSQLiteOpenHelper(context);

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

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

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

            }
        });

        //搜索框的文本變化實(shí)時(shí)監(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)輸入框?yàn)榭諘r(shí)欠啤，再顯示搜索歷史
                if (charSequence.toString().length()==0) {
                    scroll_showSearchResult.setVisibility(VISIBLE);
                }
            }

            //輸入后調(diào)用的該方法
            @Override
            public void afterTextChanged(Editable editable) {
                if (editable.toString().trim().length() == 0){
                    //若搜索框?yàn)榭眨瑒t模糊搜索空字符屋灌，即顯示所有的搜索歷史
                    tv_tip.setText("搜索歷史");
                }else {
                    tv_tip.setText("搜索結(jié)果");
                }
                //每次輸入后都查詢數(shù)據(jù)庫(kù)并顯示
                //根據(jù)輸入的值去模糊查詢數(shù)據(jù)庫(kù)中有沒(méi)有數(shù)據(jù)
                String tempName = et_search.getText().toString().trim();
                queryData(tempName);
                // 輸入框洁段，輸入時(shí)將光標(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對(duì)象祠丝，如果實(shí)際不需要的話就不用隱藏鍵盤了，免得傳入Activity對(duì)象除嘹，這里就先不實(shí)現(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,"請(qǐng)輸入搜索內(nèi)容",Toast.LENGTH_SHORT).show();
                        return false;
                    }
                //按完搜索鍵后写半，將當(dāng)前查詢的關(guān)鍵字保存起來(lái)，如果關(guān)鍵字已經(jīng)存在尉咕，就不執(zhí)行保存
                boolean hasData = hasData(et_search.getText().toString().trim());
                    if (!hasData) {
                        insertData(et_search.getText().toString().trim());//數(shù)據(jù)庫(kù)不存在字段叠蝇，就保存
                        queryData("");
                    }
                    //根據(jù)輸入的內(nèi)容模糊查詢商品，并跳轉(zhuǎn)到另一個(gè)小界面年缎，這個(gè)需求根據(jù)需求實(shí)現(xiàn)
                    Toast.makeText(context,"點(diǎn)擊搜索",Toast.LENGTH_SHORT).show();
                }
                return false;
            }
        });

        //列表監(jiān)聽
        //即當(dāng)用戶點(diǎn)擊搜索歷史里的字段后悔捶，會(huì)直接將結(jié)果當(dāng)作搜索字段進(jìn)行搜素
        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時(shí)，隱藏搜索歷史
                Toast.makeText(context,"選擇搜索"+name,Toast.LENGTH_SHORT).show();
            }
        });
//       // 插入數(shù)據(jù)单芜，便于測(cè)試蜕该，否則第一次進(jìn)入沒(méi)有數(shù)據(jù)怎么測(cè)試呀？
//        Date date = new Date();
//        long time = date.getTime();
//        insertData("Leo" + time);

        //點(diǎn)擊搜索按鈕
        iv_search.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View view) {
                if (et_search.getText().toString().trim().length()==0){
                    Toast.makeText(context,"請(qǐng)輸入搜索內(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ù)庫(kù)里所有搜索歷史是為了測(cè)試
                    queryData("");
                }
                //根據(jù)輸入的內(nèi)容模糊查詢商品洲鸠，并跳轉(zhuǎn)到另一個(gè)界面堂淡，這個(gè)根據(jù)需求實(shí)現(xiàn)
                Toast.makeText(context, "搜索"+et_search.getText(), Toast.LENGTH_SHORT).show();
            }
        });


    }



    /**
     * 查詢數(shù)據(jù)庫(kù)是否包含該數(shù)據(jù)
     * */
    private boolean hasData(String s) {
        //從record這個(gè)表里找到name = s的id
        Cursor cursor = helper.getReadableDatabase().rawQuery("select id as _id,name from records where name =?", new String[]{s});
        //判斷是否有下一個(gè)
        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適配器對(duì)象，裝入模糊搜索的結(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);
    }

    //通過(guò)復(fù)寫onMeasure方法扒腕，達(dá)到對(duì)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é)

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

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

搜索操作

結(jié)尾：如果這篇文章對(duì)你有用柳沙，在收藏的同時(shí)，記得添加個(gè)關(guān)注拌倍，并留下寶貴意見赂鲤。