2. 程式人生 > >Android開發中搜尋功能的實現

Android開發中搜尋功能的實現

阿新 • • 發佈：2019-01-09

現在很多的app中都有搜尋的功能。也就是說搜尋欄下面有一個列表，列表中放的內容可能是遊戲，也有可能是其他的內容。這時候，我們可以在搜尋框中輸入你想要搜尋的內容，這時候，下面的列表就會出現你想要的內容。

別擔心，實現起來不難，下面是關鍵的步驟：

搜尋框及列表介面怎麼設計，我在這裡就不多說了，因為重點是搜尋這個功能的實現，佈局介面的話，都可以在xml裡面自己好好設計就行了。而我上一篇的部落格就介紹了自定義搜尋框的一個樣式，大家可以參考。

  • 首先，顯示介面就是一個搜尋框（我用的是EditText控制元件），搜尋框下面有一個列表，列表中我簡單的添加了幾條資料以供測試用。主活動中的程式碼如下：
package com.example.mysearchview;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.Log;
import android.view.View;
import android.widget.AdapterView;
import
 
 android.widget.AdapterView.OnItemClickListener;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.Toast;

public class MainActivity extends Activity {

    private EditText et_ss;
    private ListView lsv_ss;
    private List<String> list = new ArrayList<String>();
    boolean
 
 isFilter;
    private MyAdapter adapter = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        setViews();// 控制元件初始化
        setData();// 給listView設定adapter
        setListeners();// 設定監聽
    }

    /**
     * 資料初始化並設定adapter
     */
    private void setData() {
        initData();// 初始化資料

        // 這裡建立adapter的時候，構造方法引數傳了一個介面物件，這很關鍵，回撥介面中的方法來實現對過濾後的資料的獲取
        adapter = new MyAdapter(list, this, new FilterListener() {
            // 回撥方法獲取過濾後的資料
            public void getFilterData(List<String> list) {
                // 這裡可以拿到過濾後資料，所以在這裡可以對搜尋後的資料進行操作
                Log.e("TAG", "介面回撥成功");
                Log.e("TAG", list.toString());
                setItemClick(list);
            }
        });
        lsv_ss.setAdapter(adapter);
    }

    /**
     * 給listView新增item的單擊事件
     * @param filter_lists  過濾後的資料集
     */
    protected void setItemClick(final List<String> filter_lists) {
        lsv_ss.setOnItemClickListener(new OnItemClickListener() {
            public void onItemClick(AdapterView<?> parent, View view,
                    int position, long id) {
                // 點選對應的item時，彈出toast提示所點選的內容
                Toast.makeText(MainActivity.this, filter_lists.get(position), Toast.LENGTH_SHORT).show();
            }
        });
    }

    /**
     * 簡單的list集合新增一些測試資料
     */
    private void initData() {
        list.add("看著飛舞的塵埃   掉下來");
        list.add("沒人發現它存在");
        list.add("多自由自在");
        list.add("可世界都愛熱熱鬧鬧");
        list.add("容不下   我百無聊賴");
        list.add("不應該   一個人 發呆");
        list.add("只有我   守著安靜的沙漠");
        list.add("等待著花開");
        list.add("只有我   看著別人的快樂");
    }

    private void setListeners() {
        // 沒有進行搜尋的時候，也要新增對listView的item單擊監聽
        setItemClick(list);

        /**
         * 對編輯框新增文字改變監聽，搜尋的具體功能在這裡實現
         * 很簡單，文字該變的時候進行搜尋。關鍵方法是重寫的onTextChanged（）方法。
         */
        et_ss.addTextChangedListener(new TextWatcher() {

            /**
             * 
             * 編輯框內容改變的時候會執行該方法
             */
            @Override
            public void onTextChanged(CharSequence s, int start, int before,
                    int count) {
                // 如果adapter不為空的話就根據編輯框中的內容來過濾資料
                if(adapter != null){
                    adapter.getFilter().filter(s);
                }
            }

            @Override
            public void beforeTextChanged(CharSequence s, int start, int count,
                    int after) {
                // TODO Auto-generated method stub
            }

            @Override
            public void afterTextChanged(Editable s) {
                // TODO Auto-generated method stub
            }
        });
    }

    /**
     * 控制元件初始化
     */
    private void setViews() {
        et_ss = (EditText) findViewById(R.id.et_ss);// EditText控制元件
        lsv_ss = (ListView)findViewById(R.id.lsv_ss);// ListView控制元件
    }

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128

上面的程式碼，主要就是介面上有一個搜尋框，搜尋框下面有一個列表。當在搜尋框中輸入內容的時候，此時下面的列表顯示的內容會自動匹配你輸入在搜尋框中的內容。

如下圖所示： 
這裡寫圖片描述

這裡寫圖片描述

  • 接下來就是adapter這個類了，這個類我實現了Filterable介面，然後重寫了getFilter()方法，在adapter中定義了一個內部類MyFilter繼承Filter類，並重寫相關方法，實現資料的過濾。程式碼如下所示：
package com.example.mysearchview;

import java.util.ArrayList;
import java.util.List;

import android.content.Context;
import android.text.TextUtils;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Filter;
import android.widget.Filterable;
import android.widget.TextView;

public class MyAdapter extends BaseAdapter implements Filterable {

    private List<String> list = new ArrayList<String>();
    private Context context;
    private MyFilter filter = null;// 建立MyFilter物件
    private FilterListener listener = null;// 介面物件

    public MyAdapter(List<String> list, Context context, FilterListener filterListener) {
        this.list = list;
        this.context = context;
        this.listener = filterListener;
    }

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return list.size();
    }

    @Override
    public Object getItem(int position) {
        // TODO Auto-generated method stub
        return list.get(position);
    }

    @Override
    public long getItemId(int position) {
        // TODO Auto-generated method stub
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        if (convertView == null) {
            convertView = LayoutInflater.from(context).inflate(R.layout.item_listview_ss, null);
            holder = new ViewHolder();
            holder.tv_ss = (TextView) convertView.findViewById(R.id.tv_ss);
            convertView.setTag(holder);
        }
        holder = (ViewHolder) convertView.getTag();
        holder.tv_ss.setText(list.get(position));
        return convertView;
    }

    /**
     * 自定義MyAdapter類實現了Filterable介面，重寫了該方法
     */
    @Override
    public Filter getFilter() {
        // 如果MyFilter物件為空，那麼重寫建立一個
        if (filter == null) {
            filter = new MyFilter(list);
        }
        return filter;
    }

    /**
     * 建立內部類MyFilter繼承Filter類，並重寫相關方法，實現資料的過濾
     * @author 鄒奇
     *
     */
    class MyFilter extends Filter {

        // 建立集合儲存原始資料
        private List<String> original = new ArrayList<String>();

        public MyFilter(List<String> list) {
            this.original = list;
        }

        /**
         * 該方法返回搜尋過濾後的資料
         */
        @Override
        protected FilterResults performFiltering(CharSequence constraint) {
            // 建立FilterResults物件
            FilterResults results = new FilterResults();

            /**
             * 沒有搜尋內容的話就還是給results賦值原始資料的值和大小
             * 執行了搜尋的話，根據搜尋的規則過濾即可，最後把過濾後的資料的值和大小賦值給results
             * 
             */
            if(TextUtils.isEmpty(constraint)){
                results.values = original;
                results.count = original.size();
            }else {
                // 建立集合儲存過濾後的資料
                List<String> mList = new ArrayList<String>();
                // 遍歷原始資料集合，根據搜尋的規則過濾資料
                for(String s: original){
                    // 這裡就是過濾規則的具體實現【規則有很多，大家可以自己決定怎麼實現】
                    if(s.trim().toLowerCase().contains(constraint.toString().trim().toLowerCase())){
                        // 規則匹配的話就往集合中新增該資料
                        mList.add(s);
                    }
                }
                results.values = mList;
                results.count = mList.size();
            }

            // 返回FilterResults物件
            return results;
        }

        /**
         * 該方法用來重新整理使用者介面，根據過濾後的資料重新展示列表
         */
        @Override
        protected void publishResults(CharSequence constraint,
                FilterResults results) {
            // 獲取過濾後的資料
            list = (List<String>) results.values;
            // 如果介面物件不為空，那麼呼叫介面中的方法獲取過濾後的資料，具體的實現在new這個介面的時候重寫的方法裡執行
            if(listener != null){
                listener.getFilterData(list);
            }
            // 重新整理資料來源顯示
            notifyDataSetChanged();
        }

    }

    /**
     * 控制元件快取類
     * 
     * @author 鄒奇
     *
     */
    class ViewHolder {
        TextView tv_ss;
    }

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151

上面的程式碼我都給出了註釋，大家可以好好的去理解。

細心的同學可能會發現，我在內部類MyFilter裡面重寫的 
protected void publishResults（CharSequence constraint,FilterResults results）｛｝方法裡用到了接口裡的抽象方法獲取過濾後的資料。如下圖所示： 
這裡寫圖片描述

這裡用到了介面的回撥，目的是為了獲取過濾後的資料。為什麼要寫這個方法呢？是因為我剛開始搜尋完成後，點選搜尋後的資料，但是顯示的是原來的資料，那麼就是資料來源沒有變、而這個回撥，就是為了解決這個問題的，拿到過濾後的資料來源，對新的資料來源進行操作即可很好的解決這個問題。

點我下載測試版apk

  • 最後介面類程式碼如下，很簡單：
package com.example.mysearchview;

import java.util.List;
/**
 * 介面類，抽象方法用來獲取過濾後的資料
 * @author 鄒奇
 *
 */
public interface FilterListener {
    void getFilterData(List<String> list);// 獲取過濾後的資料
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

介面中定義了一個抽象方法，用來獲取資料用的。

  • 最後，大家通過這篇部落格應該能加深對介面回撥的理解和應用。希望大家以後遇到問題可以先自己想想解決的辦法，然後再結合自己的想法嘗試嘗試，相信很多問題自己都可以很好的解決。比如上面的：搜尋後的資料沒有變，點選後還是顯示原來的資料。這個問題的解決方法就是一個簡單的介面回撥解決了。

相關推薦

Android開發中搜尋功能的實現

現在很多的app中都有搜尋的功能。也就是說搜尋欄下面有一個列表，列表中放的內容可能是遊戲，也有可能是其他的內容。這時候，我們可以在搜尋框中輸入你想要搜尋的內容，這時候，下面的列表就會出現你想要的內容。 別擔心，實現起來不難，下面是關鍵的步驟： 搜尋框及列表介面怎麼設計，我在這裡就不多說了，因

android開發中Wifi功能總結

寫在前面 距離上次寫部落格還是在幾個月以前了，最近幾個月實在是太忙了，跑去做課設和ios開發，短暫地告別了Android，直到最近在某院實習做畢業設計時需要用到Android系統進行室內定位開發，本文主要是將在專案開發的過程中遇到的關於wifi開發的問題記錄下來

android開發中通過aidl實現遠端方法呼叫

在安卓開發過程中我們可能見過這樣的問題，就是在一個應用中呼叫另一個應用中的服務，並呼叫該服務中的方法。 我們可能對呼叫服務並不陌生，可是要執行服務中的方法，卻不能直接呼叫。因為兩個服務和呼叫它的程式屬

android 藍芽搜尋功能實現

MainActivity.java package com.example.bluefind; import android.media.AudioManager; import android.os.Bundle; import android.app.Activit

Android開發之拍照功能實現（附原始碼）

    大家好，這是一個簡單的拍照功能，很簡單的介面，一個顯示影象區域SurfaceView一個“拍照”按鈕。直接上程式碼！ 1、CameraDemoActivity.java（主介面） package org.winplus.camera; import java.i

Android開發中的一個小功能 清空搜尋框的文字

需求：專案中的有關搜尋的地方，加上清空文字的功能，目的是為了增加使用者體驗，使使用者刪除文字更加快捷 解決過程：開始的時候感覺這個東西不太好實現，主要就是佈局的問題，可能是開始顧慮的太多了，再加上當時產品催的不太緊，而且這個功能也不是必須實現的。但是今天不一樣了，這個是老大

Android開發中支付寶接入支付功能實現（詳細步驟）

今天做了一下支付寶的支付功能的實現，記錄一下。（注意：因為服務時常更新，所以主要記錄操作方法，而非依葫蘆畫瓢。另外，這次簡單實現了訂單提交—結果獲取，並沒有做那些進一步的驗證，後期會逐步完善）步驟如下：下載最新的sdk則點選上圖中下面的那個"SDK及DEMO下載"，然後選擇相

Android開發中使用FileDownloader來實現檔案下載功能（總結一）

今天研究了一下Android開發中檔案下載功能，記錄一下。這篇部落格主要介紹第三方下載外掛：FileDownloader的單任務的使用方法，至於多工的後面會做補充記錄，再寫一篇博文。效果圖如下：（虛擬機器連不上網）1、首先是引用方法：implementation 'com.l

Android開發中幾種有用的的日歷控件實現

顯示 lec 外觀 翻頁 frame 時間 lean android平臺 星期 我們大家都知道，在Android平臺3.0中才新增了日歷視圖控件，可以顯示網格狀的日歷內容，那麽對於3.0以下的版本要使用日歷控件只能借助第三方，目前用的最多的是CalendarView。 先簡

PHP實現微信開發中提現功能（企業付款到使用者零錢）

一.實現該功能目的     這幾天在小程式裡要實現使用者從系統中提現到零錢的功能，查了一下文件可以使用 企業付款到使用者零錢 來實現； 　官方文件：https://pay.weixin.qq.com/wiki/doc/api/tools/mch_pay.php?chapt

Android開發中，dialog的實現方式

在Android開發中，我們經常會需要在Android介面上彈出一些對話方塊，比如詢問使用者或者讓使用者選擇。這些功能我們叫它Android Dialog對話方塊，在我們使用Android的過程中，我歸納了一下，Android Dialog的型別無非也就7種，下面我分別向

Android開發中實現桌面小部件App Widget

在Android開發中，有時候我們的App設計的功能比較多的時候，需要根據需要更簡潔的為使用者提供清晰已用的某些功能的時候，用桌面小部件就是一個很好的選擇，即App Widget,下面我們就用Android studio來建立一個簡單的桌面小部件： 選擇New->Widge

Android開發中的機型適配和國際化適配的實現；

關於Android螢幕的一些基本概念知識，自行充電。。在此只介紹實際開發過程中的使用 　　1、說到Android的螢幕適配，首當其衝的就是圖片的適配 　　　　圖片適配遵循兩個原則： ①儘量使用9.path圖來自動適應螢幕 ②儘量使用最少的圖片資源 　　　　關於第一點使用9.path圖片：比如topBar、底

day73_淘淘商城專案_06_搜尋工程的搭建 + linux下solr索引庫的搭建 + 把商品資料匯入到索引庫中(後臺) + 商品搜尋功能實現(前臺) + 圖片顯示等問題解決_匠心筆記

淘淘商城專案_06 1、搜尋工程的搭建 1.1、Solr服務搭建 1.1.1、solr的環境 1.1.2、solr的搭建步驟 1.1.3、solr的使用 1.2、配置

Android開發中應用版本更新功能

前言 本文將講解app的升級與更新。一般而言使用者使用App的時候升級提醒有兩種方式獲得： 一種是通過應用市場 獲取一種是開啟應用之後提醒使用者更新升級 而更新操作一般是在使用者點選了升級按鈕之後開始執行的，這裡的升級操作也分為兩種形式： 一般

Android開發中如何實現裝置與賬號繫結

最近在二建培訓機構大立教育的網課App上面看到這種情形，他們在做使用者驗證的時候還做了賬號密碼與裝置繫結的操作。一時好奇在網上查詢實現原理，看到了其中的實現發方式的一種可行方式。首先與伺服器商量好一個欄位用於存放裝置的唯一標識,在登入的時候獲取裝置唯一標識,我採用的是MAC地

Android開發中的二維碼掃描功能

Android開發中的二維碼掃描 現在Android開發中使用二維碼掃描功能越來越多，本篇部落格具體講一下其使用方法： 新增依賴 在自己的Activity或者Fragment中使用新增關於掃描的連結 新增二維碼掃描的相關Activity 對掃描資料進

ionic開發——完整搜尋功能的實現方法

本文主要實現搜尋功能及清空搜尋內容的實現方法。 在angularjs中，我們的列表基本都是遍歷的一個物件陣列來顯示出來的，那麼我們的搜尋功能也就在這個基礎上來實現。 那就假設我們有一個事先顯示的物件陣列ItemArr1=[]; 然後有一個輸入關鍵字搜尋後要顯示的另一個物

Android開發中實現使用者註冊和登陸的小demo分享

本文例項講述了Android實現登入功能的方法。分享給大家供大家參考，具體如下： 登陸效果： 應用程式判斷當前使用者還未登陸，彈出登陸對話方塊，使用者輸入賬號和密碼資訊後，傳到伺服器驗證，驗證成功後，現實Toast 成功資訊，並轉到其他介面。 註冊效果：使

Android開發中多點觸控的實現方法

// import略   public class ImageViewerActivity extends Activity implements OnTouchListener {      private ImageView mImageView;      private Matrix matr