Android中 实现输入框搜索,清楚历史记录的功能
16lz
2022-03-14
首先导入依赖:
compile 'com.carson_ho:SearchLayout:1.0.1'
------------------SearchActivity----------------------
package com.example.earl.mysearch_demo;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;public class SearchActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_search); }}
-----------------SearchListView-----------------
package com.example.earl.mysearch_demo;import android.content.Context;import android.util.AttributeSet;import android.widget.ListView;/** * Created by Carson_Ho on 17/8/10. */public class SearchListView extends ListView { public SearchListView(Context context) { super(context); } public SearchListView(Context context, AttributeSet attrs) { super(context, attrs); } public SearchListView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); } //通过复写其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); }}
----------------SearchView---------------
package com.example.earl.mysearch_demo;import android.content.Context;import android.content.res.TypedArray;import android.database.Cursor;import android.database.sqlite.SQLiteDatabase;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.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.SimpleCursorAdapter;import android.widget.TextView;import android.widget.Toast;/** * Created by Carson_Ho on 17/8/10. */public class SearchView extends LinearLayout { /** * 初始化成员变量 */ private Context context; // 搜索框组件 private EditText et_search; // 搜索按键 private TextView tv_clear; // 删除搜索记录按键 private LinearLayout search_block; // 搜索框布局// private ImageView searchBack; // 返回按键 // ListView列表 & 适配器 private SearchListView listView; private BaseAdapter adapter; // 数据库变量 // 用于存放历史搜索记录 private RecordSQLiteOpenHelper helper ; private SQLiteDatabase db; // 回调接口 private ICallBack mCallBack;// 搜索按键回调接口 private bCallBack bCallBack; // 返回按键回调接口 // 自定义属性设置 // 1. 搜索字体属性设置:大小、颜色 & 默认提示 private Float textSizeSearch; private int textColorSearch; private String textHintSearch; // 2. 搜索框设置:高度 & 颜色 private int searchBlockHeight; private int searchBlockColor; /** * 构造函数 * 作用:对搜索框进行初始化 */ public SearchView(Context context) { super(context); this.context = context; init(); } public SearchView(Context context, AttributeSet attrs) { super(context, attrs); this.context = context; initAttrs(context, attrs); // ->>关注a init();// ->>关注b } public SearchView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); this.context = context; initAttrs(context, attrs); init(); } /** * 关注a * 作用:初始化自定义属性 */ private void initAttrs(Context context, AttributeSet attrs) { // 控件资源名称 TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.Search_View); // 搜索框字体大小(dp) textSizeSearch = typedArray.getDimension(R.styleable.Search_View_textSizeSearch, 20); // 搜索框字体颜色(使用十六进制代码,如#333、#8e8e8e) int defaultColor = context.getResources().getColor(R.color.colorText); // 默认颜色 = 灰色 textColorSearch = typedArray.getColor(R.styleable.Search_View_textColorSearch, defaultColor); // 搜索框提示内容(String) textHintSearch = typedArray.getString(R.styleable.Search_View_textHintSearch); // 搜索框高度 searchBlockHeight = typedArray.getInteger(R.styleable.Search_View_searchBlockHeight, 150); // 搜索框颜色 int defaultColor2 = context.getResources().getColor(R.color.colorDefault); // 默认颜色 = 白色 searchBlockColor = typedArray.getColor(R.styleable.Search_View_searchBlockColor, defaultColor2); // 释放资源 typedArray.recycle(); } /** * 关注b * 作用:初始化搜索框 */ private void init(){ // 1. 初始化UI组件->>关注c initView(); // 2. 实例化数据库SQLiteOpenHelper子类对象 helper = new RecordSQLiteOpenHelper(context); // 3. 第1次进入时查询所有的历史搜索记录 queryData(""); /** * "清空搜索历史"按钮 */ tv_clear.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 清空数据库->>关注2 deleteData(); // 模糊搜索空字符 = 显示所有的搜索历史(此时是没有搜索记录的) queryData(""); } }); /** * 监听输入键盘更换后的搜索按键 * 调用时刻:点击键盘上的搜索键时 */ et_search.setOnKeyListener(new View.OnKeyListener() { public boolean onKey(View v, int keyCode, KeyEvent event) { if (keyCode == KeyEvent.KEYCODE_ENTER && event.getAction() == KeyEvent.ACTION_DOWN) { // 1. 点击搜索按键后,根据输入的搜索字段进行查询 // 注:由于此处需求会根据自身情况不同而不同,所以具体逻辑由开发者自己实现,此处仅留出接口 if (!(mCallBack == null)){ mCallBack.SearchAciton(et_search.getText().toString()); } Toast.makeText(context, "需要搜索的是" + et_search.getText(), Toast.LENGTH_SHORT).show(); // 2. 点击搜索键后,对该搜索字段在数据库是否存在进行检查(查询)->> 关注1 boolean hasData = hasData(et_search.getText().toString().trim()); // 3. 若存在,则不保存;若不存在,则将该搜索字段保存(插入)到数据库,并作为历史搜索记录 if (!hasData) { insertData(et_search.getText().toString().trim()); queryData(""); } } return false; } }); /** * 搜索框的文本变化实时监听 */ et_search.addTextChangedListener(new TextWatcher() { @Override public void beforeTextChanged(CharSequence s, int start, int count, int after) { } @Override public void onTextChanged(CharSequence s, int start, int before, int count) { } // 输入文本后调用该方法 @Override public void afterTextChanged(Editable s) { // 每次输入后,模糊查询数据库 & 显示 // 注:若搜索框为空,则模糊搜索空字符 = 显示所有的搜索历史 String tempName = et_search.getText().toString(); queryData(tempName); // ->>关注1 } }); /** * 搜索记录列表(ListView)监听 * 即当用户点击搜索历史里的字段后,会直接将结果当作搜索字段进行搜索 */ listView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { // 获取用户点击列表里的文字,并自动填充到搜索框内 TextView textView = (TextView) view.findViewById(android.R.id.text1); String name = textView.getText().toString(); et_search.setText(name); Toast.makeText(context, name, Toast.LENGTH_SHORT).show(); } }); /** * 点击返回按键后的事件 */// searchBack.setOnClickListener(new OnClickListener() {// @Override// public void onClick(View v) {// // 注:由于返回需求会根据自身情况不同而不同,所以具体逻辑由开发者自己实现,此处仅留出接口// if (!(bCallBack == null)){// bCallBack.BackAciton();// }//// //根据输入的内容模糊查询商品,并跳转到另一个界面,这个根据需求实现// Toast.makeText(context, "返回到上一页", Toast.LENGTH_SHORT).show();// }// }); } /** * 关注c:绑定搜索框xml视图 */ private void initView(){ // 1. 绑定R.layout.search_layout作为搜索框的xml文件 LayoutInflater.from(context).inflate(R.layout.search_layout,this); // 2. 绑定搜索框EditText et_search = (EditText) findViewById(R.id.et_search); et_search.setTextSize(textSizeSearch); et_search.setTextColor(textColorSearch); et_search.setHint(textHintSearch); // 3. 搜索框背景颜色 search_block = (LinearLayout)findViewById(R.id.search_block); LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) search_block.getLayoutParams(); params.height = searchBlockHeight; search_block.setBackgroundColor(searchBlockColor); search_block.setLayoutParams(params); // 4. 历史搜索记录 = ListView显示 listView = (SearchListView) findViewById(R.id.listView); // 5. 删除历史搜索记录 按钮 tv_clear = (TextView) findViewById(R.id.tv_clear); tv_clear.setVisibility(INVISIBLE); // 6. 返回按键// searchBack = (ImageView) findViewById(R.id.search_back); } /** * 关注1 * 模糊查询数据 & 显示到ListView列表上 */ private void queryData(String tempName) { // 1. 模糊搜索 Cursor cursor = helper.getReadableDatabase().rawQuery( "select id as _id,name from records where name like '%" + tempName + "%' order by id desc ", null); // 2. 创建adapter适配器对象 & 装入模糊搜索的结果 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); // 3. 设置适配器 listView.setAdapter(adapter); adapter.notifyDataSetChanged(); System.out.println(cursor.getCount()); // 当输入框为空 & 数据库中有搜索记录时,显示 "删除搜索记录"按钮 if (tempName.equals("") && cursor.getCount() != 0){ tv_clear.setVisibility(VISIBLE); } else { tv_clear.setVisibility(INVISIBLE); }; } /** * 关注2:清空数据库 */ private void deleteData() { db = helper.getWritableDatabase(); db.execSQL("delete from records"); db.close(); tv_clear.setVisibility(INVISIBLE); } /** * 关注3 * 检查数据库中是否已经有该搜索记录 */ private boolean hasData(String tempName) { // 从数据库中Record表里找到name=tempName的id Cursor cursor = helper.getReadableDatabase().rawQuery( "select id as _id,name from records where name =?", new String[]{tempName}); // 判断是否有下一个 return cursor.moveToNext(); } /** * 关注4 * 插入数据到数据库,即写入搜索字段到历史搜索记录 */ private void insertData(String tempName) { db = helper.getWritableDatabase(); db.execSQL("insert into records(name) values('" + tempName + "')"); db.close(); } /** * 点击键盘中搜索键后的操作,用于接口回调 */ public void setOnClickSearch(ICallBack mCallBack){ this.mCallBack = mCallBack; } /** * 点击返回后的操作,用于接口回调 */ public void setOnClickBack(bCallBack bCallBack){ this.bCallBack = bCallBack; }}
--------------RecordSQLiteOpenHelper----------------
package com.example.earl.mysearch_demo;import android.content.Context;import android.database.sqlite.SQLiteDatabase;import android.database.sqlite.SQLiteOpenHelper;/** * Created by Carson_Ho on 17/8/10. */// 继承自SQLiteOpenHelper数据库类的子类public class RecordSQLiteOpenHelper extends SQLiteOpenHelper { private static String name = "temp.db"; private static Integer version = 1; public RecordSQLiteOpenHelper(Context context) { super(context, name, null, version); } @Override public void onCreate(SQLiteDatabase db) { // 打开数据库 & 建立了一个叫records的表,里面只有一列name来存储历史记录: db.execSQL("create table records(id integer primary key autoincrement,name varchar(200))"); } @Override public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) { }}
--------------ICallBack--------------
package com.example.earl.mysearch_demo;/** * Created by Carson_Ho on 17/8/10. */public interface ICallBack { void SearchAciton(String string);}
---------------EditText_Clear-------------------
package com.example.earl.mysearch_demo;import android.content.Context;import android.graphics.Rect;import android.graphics.drawable.Drawable;import android.util.AttributeSet;import android.view.MotionEvent;/** * Created by Carson_Ho on 17/8/10. */public class EditText_Clear extends android.support.v7.widget.AppCompatEditText { /** * 步骤1:定义左侧搜索图标 & 一键删除图标 */ private Drawable clearDrawable,searchDrawable; public EditText_Clear(Context context) { super(context); init(); // 初始化该组件时,对EditText_Clear进行初始化 ->>步骤2 } public EditText_Clear(Context context, AttributeSet attrs) { super(context, attrs); init(); } public EditText_Clear(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } /** * 步骤2:初始化 图标资源 */ private void init() { clearDrawable = getResources().getDrawable(R.drawable.clear); searchDrawable = getResources().getDrawable(R.drawable.search); setCompoundDrawablesWithIntrinsicBounds(searchDrawable, null, null, null); // setCompoundDrawablesWithIntrinsicBounds(Drawable left, Drawable top, Drawable right, Drawable bottom)介绍 // 作用:在EditText上、下、左、右设置图标(相当于android:drawableLeft="" android:drawableRight="") // 注1:setCompoundDrawablesWithIntrinsicBounds()传入的Drawable的宽高=固有宽高(自动通过getIntrinsicWidth()& getIntrinsicHeight()获取) // 注2:若不想在某个地方显示,则设置为null // 此处设置了左侧搜索图标 // 另外一个相似的方法:setCompoundDrawables(Drawable left, Drawable top, Drawable right, Drawable bottom)介绍 // 与setCompoundDrawablesWithIntrinsicBounds()的区别:可设置图标大小 // 传入的Drawable对象必须已经setBounds(x,y,width,height),即必须设置过初始位置、宽和高等信息 // x:组件在容器X轴上的起点 y:组件在容器Y轴上的起点 width:组件的长度 height:组件的高度 } /** * 步骤3:通过监听复写EditText本身的方法来确定是否显示删除图标 * 监听方法:onTextChanged() & onFocusChanged() * 调用时刻:当输入框内容变化时 & 焦点发生变化时 */ @Override protected void onTextChanged(CharSequence text, int start, int lengthBefore, int lengthAfter) { super.onTextChanged(text, start, lengthBefore, lengthAfter); setClearIconVisible(hasFocus() && text.length() > 0); // hasFocus()返回是否获得EditTEXT的焦点,即是否选中 // setClearIconVisible() = 根据传入的是否选中 & 是否有输入来判断是否显示删除图标->>关注1 } @Override protected void onFocusChanged(boolean focused, int direction, Rect previouslyFocusedRect) { super.onFocusChanged(focused, direction, previouslyFocusedRect); setClearIconVisible(focused && length() > 0); // focused = 是否获得焦点 // 同样根据setClearIconVisible()判断是否要显示删除图标 } /** * 关注1 * 作用:判断是否显示删除图标 */ private void setClearIconVisible(boolean visible) { setCompoundDrawablesWithIntrinsicBounds(searchDrawable, null, visible ? clearDrawable : null, null); } /** * 步骤4:对删除图标区域设置点击事件,即"点击 = 清空搜索框内容" * 原理:当手指抬起的位置在删除图标的区域,即视为点击了删除图标 = 清空搜索框内容 */ @Override public boolean onTouchEvent(MotionEvent event) { switch (event.getAction()) { // 原理:当手指抬起的位置在删除图标的区域,即视为点击了删除图标 = 清空搜索框内容 case MotionEvent.ACTION_UP: Drawable drawable = clearDrawable; if (drawable != null && event.getX() <= (getWidth() - getPaddingRight()) && event.getX() >= (getWidth() - getPaddingRight() - drawable.getBounds().width())) { setText(""); } // 判断条件说明 // event.getX() :抬起时的位置坐标 // getWidth():控件的宽度 // getPaddingRight():删除图标图标右边缘至EditText控件右边缘的距离 // 即:getWidth() - getPaddingRight() = 删除图标的右边缘坐标 = X1 // getWidth() - getPaddingRight() - drawable.getBounds().width() = 删除图标左边缘的坐标 = X2 // 所以X1与X2之间的区域 = 删除图标的区域 // 当手指抬起的位置在删除图标的区域(X2=
----------------bCallBack-----------------
package com.example.earl.mysearch_demo;/** * Created by Carson_Ho on 17/8/11. */public interface bCallBack { void BackAciton();}
-----------------activity_search.xml-------------------
<?xml version="1.0" encoding="utf-8"?>
-----------------search_layout.xml--------------------
<?xml version="1.0" encoding="utf-8"?>
----------------( --->res--->values)-----------------
--->attrs.xml-----------------
<?xml version="1.0" encoding="utf-8"?>
--->colors.xml-------------------
<?xml version="1.0" encoding="utf-8"?> #3F51B5 #303F9F #FF4081 #ffffff #f1f0f6 #797979
更多相关文章
- Android(安卓)1.5 自带的图标一览表
- Android创建和删除桌面快捷方式
- Android文件存储总结
- Android桌面隐藏图标
- Android(安卓)添加删除联系人2.0之前与2.0之后
- 菜单Menu
- android的socket开发注意事项
- Android
- [置顶] Android(安卓)ViewPager+Fragment超高仿微信主界面(带底部