自定義搜索功能Android實現(xiàn)
更新時間:2016年05月25日 17:07:13 作者:Gxs丶小宇
這篇文章主要為大家詳細介紹了自定義搜索功能,由Android代碼實現(xiàn),感興趣的小伙伴們可以參考一下
先看看效果圖:

源碼下載:自定義搜索功能
代碼:
SearchActivity.java
package com.bzu.gxs.search.activity;
import android.app.Activity;
import android.os.Bundle;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;
import com.bzu.gxs.search.R;
import com.bzu.gxs.search.adapter.SearchAdapter;
import com.bzu.gxs.search.bean.SearchBean;
import com.bzu.gxs.search.widget.SearchView;
import java.util.ArrayList;
import java.util.List;
/**
* 搜索
* Created by Gxs on 2016/5/6.
*/
public class SearchActivity extends Activity implements SearchView.SearchViewListener{
/**
* 搜索結果列表view
*/
private ListView lvResults;
/**
* 搜索view
*/
private SearchView searchView;
/**
* 熱搜框列表adapter
*/
private ArrayAdapter<String> hintAdapter;
/**
* 自動補全列表adapter
*/
private ArrayAdapter<String> autoCompleteAdapter;
/**
* 搜索結果列表adapter
*/
private SearchAdapter resultAdapter;
private List<SearchBean> dbData;
/**
* 熱搜版數(shù)據(jù)
*/
private List<String> hintData;
/**
* 搜索過程中自動補全數(shù)據(jù)
*/
private List<String> autoCompleteData;
/**
* 搜索結果的數(shù)據(jù)
*/
private List<SearchBean> resultData;
/**
* 默認提示框顯示項的個數(shù)
*/
private static int DEFAULT_HINT_SIZE = 4;
/**
* 提示框顯示項的個數(shù)
*/
private static int hintSize = DEFAULT_HINT_SIZE;
/**
* 設置提示框顯示項的個數(shù)
*
* @param hintSize 提示框顯示個數(shù)
*/
public static void setHintSize(int hintSize) {
SearchActivity.hintSize = hintSize;
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initData();
initViews();
}
/**
* 初始化視圖
*/
private void initViews() {
lvResults = (ListView) findViewById(R.id.main_lv_search_results);
searchView = (SearchView) findViewById(R.id.main_search_layout);
//設置監(jiān)聽
searchView.setSearchViewListener(this);
//設置adapter
searchView.setTipsHintAdapter(hintAdapter);
searchView.setAutoCompleteAdapter(autoCompleteAdapter);
lvResults.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int position, long l) {
Toast.makeText(SearchActivity.this, position + "", Toast.LENGTH_SHORT).show();
}
});
}
/**
* 初始化數(shù)據(jù)
*/
private void initData() {
//從數(shù)據(jù)庫獲取數(shù)據(jù)
getDbData();
//初始化熱搜版數(shù)據(jù)
getHintData();
//初始化自動補全數(shù)據(jù)
getAutoCompleteData(null);
//初始化搜索結果數(shù)據(jù)
getResultData(null);
}
/**
* 獲取db 數(shù)據(jù)
*/
private void getDbData() {
int size = 100;
dbData = new ArrayList<>(size);
for (int i = 0; i < size; i++) {
dbData.add(new SearchBean(R.mipmap.ic_launcher, "Andrion Stuidy 起風了," + (i + 1), "唯有努力才能生存!", i * 20 + 2 + ""));
}
}
/**
* 獲取熱搜版data 和adapter
*/
private void getHintData() {
hintData = new ArrayList<>(hintSize);
for (int i = 1; i <= hintSize; i++) {
hintData.add("Andrion Stuidy 起風了");
}
hintAdapter = new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, hintData);
}
/**
* 獲取自動補全data 和adapter
*/
private void getAutoCompleteData(String text) {
if (autoCompleteData == null) {
//初始化
autoCompleteData = new ArrayList<>(hintSize);
} else {
// 根據(jù)text 獲取auto data
autoCompleteData.clear();
for (int i = 0, count = 0; i < dbData.size()
&& count < hintSize; i++) {
if (dbData.get(i).getTitle().contains(text.trim())) {
autoCompleteData.add(dbData.get(i).getTitle());
count++;
}
}
}
if (autoCompleteAdapter == null) {
autoCompleteAdapter = new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, autoCompleteData);
} else {
autoCompleteAdapter.notifyDataSetChanged();
}
}
/**
* 獲取搜索結果data和adapter
*/
private void getResultData(String text) {
if (resultData == null) {
// 初始化
resultData = new ArrayList<>();
} else {
resultData.clear();
for (int i = 0; i < dbData.size(); i++) {
if (dbData.get(i).getTitle().contains(text.trim())) {
resultData.add(dbData.get(i));
}
}
}
if (resultAdapter == null) {
resultAdapter = new SearchAdapter(this, resultData, R.layout.item_search);
} else {
resultAdapter.notifyDataSetChanged();
}
}
//當搜索框 文本改變時 觸發(fā)的回調 ,更新自動補全數(shù)據(jù)
@Override
public void onRefreshAutoComplete(String text) {
//更新數(shù)據(jù)
getAutoCompleteData(text);
}
//點擊搜索鍵時edit text觸發(fā)的回調
@Override
public void onSearch(String text) {
//更新result數(shù)據(jù)
getResultData(text);
lvResults.setVisibility(View.VISIBLE);
//第一次獲取結果 還未配置適配器
if (lvResults.getAdapter() == null) {
//獲取搜索數(shù)據(jù) 設置適配器
lvResults.setAdapter(resultAdapter);
} else {
//更新搜索數(shù)據(jù)
resultAdapter.notifyDataSetChanged();
}
}
}
SearchBean.java
package com.bzu.gxs.search.bean;
/**
* Created by GXS on 2016/5/9.
*/
public class SearchBean {
private int iconId;
private String title;
private String content;
private String comments;
public SearchBean(int iconId,String title,String content,String comments){
this.iconId=iconId;
this.title=title;
this.content=content;
this.comments=comments;
}
public int getIconId() {
return iconId;
}
public void setIconId(int iconId) {
this.iconId = iconId;
}
public void setTitle(String title) {
this.title = title;
}
public String getTitle() {
return title;
}
public String getContent() {
return content;
}
public void setContent(String content) {
this.content = content;
}
public String getComments() {
return comments;
}
public void setComments(String comments) {
this.comments = comments;
}
}
SearchAdapter.java
package com.bzu.gxs.search.adapter;
import android.content.Context;
import com.bzu.gxs.search.bean.SearchBean;
import java.util.List;
import com.bzu.gxs.search.R;
/**
* Created by GXS on 2016/5/9.
*/
public class SearchAdapter extends CommonAdapter<SearchBean> {
public SearchAdapter(Context context, List<SearchBean> data, int layoutId) {
super(context, data, layoutId);
}
@Override
public void convert(ViewHolder holder, int position) {
holder.setImageResource(R.id.item_search_iv_icon,mData.get(position).getIconId())
.setText(R.id.item_search_tv_title,mData.get(position).getTitle())
.setText(R.id.item_search_tv_content,mData.get(position).getContent())
.setText(R.id.item_search_tv_comments,mData.get(position).getComments());
}
}
CommonAdapter.java
package com.bzu.gxs.search.adapter;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import java.util.List;
/**
* Created by GXS on 2016/5/9.
*/
public abstract class CommonAdapter<T> extends BaseAdapter {
protected Context mContext;
protected List<T> mData;
protected int mLayoutId;
public CommonAdapter(Context context,List<T> data,int layoutId){
mContext = context;
mData = data;
mLayoutId = layoutId;
}
@Override
public int getCount() {
return mData.size();
}
@Override
public Object getItem(int position) {
return mData.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = ViewHolder.getHolder(mContext,convertView,mLayoutId,parent,position);
convert(holder,position);
return holder.getConvertView();
}
/**
* get holder convert
*/
public abstract void convert(ViewHolder holder,int position);
}
ViewHolder.java
package com.bzu.gxs.search.adapter;
import android.content.Context;
import android.graphics.Bitmap;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
/**
* Created by GXS on 2016/5/9.
*/
public class ViewHolder {
private SparseArray<View> mViews;
private Context mContext;
private View mConvertView;
private int mPosition;
/**
* 初始化 holder
*/
public ViewHolder(Context context, int layoutId, ViewGroup parent, int position) {
mConvertView = LayoutInflater.from(context).inflate(layoutId,parent,false);
mViews = new SparseArray<>();
mPosition = position;
mConvertView.setTag(this);
}
/**
* 獲取 viewHolder
*/
public static ViewHolder getHolder(Context context, View convertView,
int layoutId, ViewGroup parent, int position) {
if(convertView == null){
return new ViewHolder(context,layoutId,parent,position);
}else{
ViewHolder holder = (ViewHolder)convertView.getTag();
holder.mPosition = position;
return holder;
}
}
public View getConvertView(){
return mConvertView;
}
/**
* 獲取 view
*/
public <T extends View> T getView(int viewId){
View view = mViews.get(viewId);
if(view == null){
view = mConvertView.findViewById(viewId);
mViews.put(viewId,view);
}
return (T)view;
}
/**
* 設置 text
*/
public ViewHolder setText(int viewId, String text){
TextView tv = getView(viewId);
tv.setText(text);
return this;
}
/**
* 設置圖片資源
*/
public ViewHolder setImageResource(int viewId,int resId){
ImageView iv = getView(viewId);
iv.setImageResource(resId);
return this;
}
/**
* 設置圖片 bitmap
*/
public ViewHolder setImageBitmap(int viewId,Bitmap bitmap){
ImageView iv = getView(viewId);
iv.setImageBitmap(bitmap);
return this;
}
}
SearchView.java
package com.bzu.gxs.search.widget;
import android.app.Activity;
import android.content.Context;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.inputmethod.EditorInfo;
import android.view.inputmethod.InputMethodManager;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;
import com.bzu.gxs.search.R;
public class SearchView extends LinearLayout implements View.OnClickListener {
/**
* 輸入框
*/
private EditText etInput;
/**
* 刪除鍵
*/
private ImageView ivDelete;
/**
* 返回按鈕
*/
private Button btnBack;
/**
* 上下文對象
*/
private Context mContext;
/**
* 彈出列表
*/
private ListView lvTips;
/**
* 提示adapter (推薦adapter)
*/
private ArrayAdapter<String> mHintAdapter;
/**
* 自動補全adapter 只顯示名字
*/
private ArrayAdapter<String> mAutoCompleteAdapter;
/**
* 搜索回調接口
*/
private SearchViewListener mListener;
/**
* 設置搜索回調接口
*
* @param listener 監(jiān)聽者
*/
public void setSearchViewListener(SearchViewListener listener) {
mListener = listener;
}
public SearchView(Context context, AttributeSet attrs) {
super(context, attrs);
mContext = context;
LayoutInflater.from(context).inflate(R.layout.activity_search, this);
initViews();
}
private void initViews() {
etInput = (EditText) findViewById(R.id.search_et_input);
ivDelete = (ImageView) findViewById(R.id.search_iv_delete);
btnBack = (Button) findViewById(R.id.search_btn_back);
lvTips = (ListView) findViewById(R.id.search_lv_tips);
lvTips.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
//set edit text
String text = lvTips.getAdapter().getItem(i).toString();
etInput.setText(text);
etInput.setSelection(text.length());
//hint list view gone and result list view show
lvTips.setVisibility(View.GONE);
notifyStartSearching(text);
}
});
ivDelete.setOnClickListener(this);
btnBack.setOnClickListener(this);
etInput.addTextChangedListener(new EditChangedListener());
etInput.setOnClickListener(this);
etInput.setOnEditorActionListener(new TextView.OnEditorActionListener() {
@Override
public boolean onEditorAction(TextView textView, int actionId, KeyEvent keyEvent) {
if (actionId == EditorInfo.IME_ACTION_SEARCH) {
lvTips.setVisibility(GONE);
notifyStartSearching(etInput.getText().toString());
}
return true;
}
});
}
/**
* 通知監(jiān)聽者 進行搜索操作
* @param text
*/
private void notifyStartSearching(String text){
if (mListener != null) {
mListener.onSearch(etInput.getText().toString());
}
//隱藏軟鍵盤
InputMethodManager imm = (InputMethodManager) mContext.getSystemService(Context.INPUT_METHOD_SERVICE);
imm.toggleSoftInput(0, InputMethodManager.HIDE_NOT_ALWAYS);
}
/**
* 設置熱搜版提示 adapter
*/
public void setTipsHintAdapter(ArrayAdapter<String> adapter) {
this.mHintAdapter = adapter;
if (lvTips.getAdapter() == null) {
lvTips.setAdapter(mHintAdapter);
}
}
/**
* 設置自動補全adapter
*/
public void setAutoCompleteAdapter(ArrayAdapter<String> adapter) {
this.mAutoCompleteAdapter = adapter;
}
private class EditChangedListener implements TextWatcher {
@Override
public void beforeTextChanged(CharSequence charSequence, int i, int i2, int i3) {
}
@Override
public void onTextChanged(CharSequence charSequence, int i, int i2, int i3) {
if (!"".equals(charSequence.toString())) {
ivDelete.setVisibility(VISIBLE);
lvTips.setVisibility(VISIBLE);
if (mAutoCompleteAdapter != null && lvTips.getAdapter() != mAutoCompleteAdapter) {
lvTips.setAdapter(mAutoCompleteAdapter);
}
//更新autoComplete數(shù)據(jù)
if (mListener != null) {
mListener.onRefreshAutoComplete(charSequence + "");
}
} else {
ivDelete.setVisibility(GONE);
if (mHintAdapter != null) {
lvTips.setAdapter(mHintAdapter);
}
lvTips.setVisibility(GONE);
}
}
@Override
public void afterTextChanged(Editable editable) {
}
}
@Override
public void onClick(View view) {
switch (view.getId()) {
case R.id.search_et_input:
lvTips.setVisibility(VISIBLE);
break;
case R.id.search_iv_delete:
etInput.setText("");
ivDelete.setVisibility(GONE);
break;
case R.id.search_btn_back:
((Activity) mContext).finish();
break;
}
}
/**
* search view回調方法
*/
public interface SearchViewListener {
/**
* 更新自動補全內容
*
* @param text 傳入補全后的文本
*/
void onRefreshAutoComplete(String text);
/**
* 開始搜索
*
* @param text 傳入輸入框的文本
*/
void onSearch(String text);
}
}
布局文件:
activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ffffff" tools:context=".activity.SearchActivity" android:orientation="vertical"> <com.bzu.gxs.search.widget.SearchView android:id="@+id/main_search_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:fitsSystemWindows="true"> </com.bzu.gxs.search.widget.SearchView> <ListView android:id="@+id/main_lv_search_results" android:layout_width="match_parent" android:layout_height="wrap_content"> </ListView> </LinearLayout>
activity_search.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:background="#ffffff"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:background="#E5E5E5"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<FrameLayout
android:layout_weight="1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical">
<EditText
android:id="@+id/search_et_input"
android:layout_gravity="center_vertical"
android:layout_margin="10dp"
android:drawableLeft="@drawable/ic_search"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/search_edittext_shape"
android:textSize="16sp"
android:imeOptions="actionSearch"
android:inputType="text"
android:hint="請輸入搜索的內容"/>
<ImageView
android:visibility="gone"
android:layout_marginRight="20dp"
android:src="@drawable/ic_delete"
android:id="@+id/search_iv_delete"
android:layout_gravity="right|center_vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
</FrameLayout>
<Button
android:id="@+id/search_btn_back"
android:layout_marginRight="10dp"
android:paddingLeft="5dp"
android:paddingRight="10dp"
android:layout_gravity="center_vertical"
android:text="取消"
android:textColor="#EA5421"
android:textSize="15sp"
android:background="@null"
android:layout_height="wrap_content"
android:layout_width="50dp" />
</LinearLayout>
<ListView
android:visibility="gone"
android:id="@+id/search_lv_tips"
android:background="#ffffff"
android:layout_marginBottom="10dp"
android:layout_width="match_parent"
android:layout_height="600dp">
</ListView>
</LinearLayout>
item_search.xml
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#ffffff" android:layout_margin="10dp" android:layout_marginTop="5dp"> <ImageView android:src="@mipmap/ic_launcher" android:id="@+id/item_search_iv_icon" android:layout_marginLeft="20dp" android:layout_centerVertical="true" android:layout_width="60dp" android:layout_height="60dp"/> <TextView android:id="@+id/item_search_tv_title" android:layout_marginTop="15dp" android:layout_marginLeft="10dp" android:layout_toRightOf="@id/item_search_iv_icon" android:text="Title" android:textSize="15sp" android:textColor="#000" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <TextView android:id="@+id/item_search_tv_content" android:layout_marginLeft="10dp" android:layout_marginBottom="10dp" android:layout_marginRight="50dp" android:layout_toRightOf="@id/item_search_iv_icon" android:layout_below="@id/item_search_tv_title" android:text="content" android:textSize="14sp" android:textColor="#777" android:layout_width="match_parent" android:layout_height="wrap_content"/> <TextView android:id="@+id/item_search_tv_comments" android:layout_marginRight="20dp" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:text="Title" android:singleLine="true" android:textSize="14sp" android:textColor="#777" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </RelativeLayout>
以上就是本文的全部內容,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Android巧用ActionBar實現(xiàn)tab導航效果
- Android巧用ActionBar實現(xiàn)下拉式導航
- Android ActionBar制作時鐘實例解析
- Android ActionBar使用教程
- 靈活使用Android中ActionBar和ViewPager切換頁面
- Android中ActionBar以及menu的代碼設置樣式
- android中開啟actionbar的兩種方法
- Android自定義ActionBar實例
- Android實現(xiàn)帶列表的地圖POI周邊搜索功能
- Android實現(xiàn)搜索功能并本地保存搜索歷史記錄
- Android 百度地圖POI搜索功能實例代碼
- Android ActionBar搜索功能用法詳解
相關文章
Android Webview上的ssl warning的處理方式詳解及實例
這篇文章主要介紹了Android Webview上的ssl warning的處理方式詳解及實例的相關資料,需要的朋友可以參考下2017-02-02
Android在Fragment中實現(xiàn)監(jiān)聽觸摸事件
這篇文章主要給大家介紹了Android在Fragment中實現(xiàn)監(jiān)聽觸摸事件的相關資料,文中介紹的非常詳細,對大家具有一定的參考學習價值,需要的朋友們下面來一起看看吧。2017-05-05
Android自定義PopupWindow實現(xiàn)炫酷的IOS對話框效果
這篇文章主要給大家介紹如何在android中實現(xiàn)高仿ios對話框效果,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值,需要的朋友參考下吧2018-05-05

