首先导入依赖:

 

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

 

更多相关文章

  1. Android 1.5 自带的图标一览表
  2. Android桌面隐藏图标
  3. Android 编译流程解析01-AppPlugin初始化
  4. [置顶] Android ViewPager+Fragment超高仿微信主界面(带底部图标
  5. Android TV开发中所有的遥控器按键监听及注意事项,新增home键监听
  6. android 长按键菜单
  7. 【Android】Android 9.0 隐藏虚拟按键跟状态栏,除去google搜索栏
  8. Android开发小技巧:怎样在 textview 前面加上一个小图标。

随机推荐

  1. Android(安卓)View绘制流程(结合源码分析)
  2. android运行时权限解决办法(含有申请权限
  3. Android(安卓)安卓开发参考书电子书 资料
  4. 我也DIY一个Android遥控器-全部开源
  5. 破解行Android(安卓)apk 逆向工程研究﹣破
  6. CSDN日报20170828——《4个方法快速打造
  7. android安全问题(三) 钓鱼程序
  8. 关于android真机访问本地电脑服务器以及
  9. Android(安卓)UI开发第二十四篇――Actio
  10. Android中线程池的使用分析