Android 类似淘宝 电商 搜索功能,监听软键盘搜索事件,延迟自动搜索

整理需求,大致需要做的工作如下:

功能部分:

一,点击EditText,弹出软键盘输入法,右下键为【搜索】字样。

二,监听软键盘输入法按下【搜索】事件。

三,在EditText输入内容后,1000ms内无修改则 自动搜索功能。

四,保存按时间排序的历史记录,

五,清除历史记录

六,点击历史记录条目,将内容填充至EditText并自动执行搜索功能。

UI示意图如下:

=UI的实现====

搜索Header头部

整体是一个水平方向LinearLayout,依次放置ImageVIew(返回箭头),EditText(搜索框),TextView(取消)。

布局文件如下:

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“45dp”

android:background=“@color/black_14141f”

android:gravity=“center_vertical”

android:orientation=“horizontal”

android:paddingBottom=“6dp”

android:paddingTop=“6dp”>

<ImageView android:id=“@+id/iv_back”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:paddingLeft=“14dp”

android:paddingRight=“14dp”

android:src=“@drawable/icon_back” />

<RelativeLayout android:id=“@+id/rl_search_layout”

android:layout_width=“0dp”

android:layout_weight=“1”

android:layout_height=“wrap_content”

android:background=“@drawable/shape_search_bj”

android:gravity=“center”

android:orientation=“horizontal”>

<EditText

android:id=“@+id/et_search”

android:layout_width=“match_parent”

android:layout_height=“30dp”

android:layout_centerVertical=“true”

android:layout_marginLeft=“10dp”

android:layout_toLeftOf=“@+id/close”

android:layout_toRightOf=“@+id/tv”

android:background=“@null”

android:hint=“输入商品名或者店铺名称”

android:imeOptions=“actionSearch”

android:singleLine=“true”

android:textColor=“@color/black3”

android:textColorHint=“@color/gray_aaaaaa”

android:textSize=“14sp” />

<TextView android:id=“@+id/tv_cancel”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginLeft=“14dp”

android:layout_marginRight=“14dp”

android:gravity=“center_vertical”

android:text=“取消”

android:textColor=“@color/white”

android:textSize=“18sp” />

从项目中直接拷出的,自行替换资源文件。

==================================

历史记录布局:

用一个垂直布局的LinearLayout 包裹 TextView(历史搜索四个字) +ListVIew(搜索记录)+ListView的footerview(清除历史记录)实现。

(淘宝的应该是一个LIstVIew即可,历史搜索字样用ListVIew的HeaderView实现。而我们公司产品设计的历史搜索字样下面的分割线长度和历史记录item分割线长度不一样,我就直接用TextView做了,大同小异)

代码如下:

<LinearLayout

android:id=“@+id/ll_search_history”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical”>

<TextView android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginBottom=“14dp”

android:layout_marginLeft=“14dp”

android:layout_marginTop=“14dp”

android:drawableLeft=“@drawable/brand_search_history_icon”

android:drawablePadding=“10dp”

android:text=“历史记录”

android:textColor=“#333333” />

<View android:layout_width=“match_parent”

android:layout_height=“1dp”

android:background=“@color/bg_dfdfdf” />

<ListView android:id=“@+id/listView”

android:divider=“@null”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”>

分割线一般都是用View设置background实现,省的UI切图。

==功能实现部分====

一,点击EditText,弹出软键盘输入法,右下键为【搜索】字样。

只需要在EditText控件的xml里配置如下属性即可:

android:imeOptions=“actionSearch”

=================================

二,监听软键盘输入法按下【搜索】事件。

为EditText控件,设置OnEditorActionListener事件,判断当actionId == EditorInfo.IME_ACTION_SEARCH时,则是按下了 搜索按钮。

代码如下,这里我们隐藏了软键盘,并执行搜索请求。

mEditTextSearch.setOnEditorActionListener(new TextView.OnEditorActionListener() {

@Override

public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {

if (actionId == EditorInfo.IME_ACTION_SEARCH) {

// 先隐藏键盘

((InputMethodManager) mEditTextSearch.getContext().getSystemService(Context.INPUT_METHOD_SERVICE))

.hideSoftInputFromWindow(MainActivity.this.getCurrentFocus().getWindowToken(), InputMethodManager.HIDE_NOT_ALWAYS);

//搜索具体逻辑

//搜索请求转交给函数去处理: //search(String.valueOf(mEditTextSearch.getText())); Toast.makeText(MainActivity.this,“按下了搜索按钮”,Toast.LENGTH_SHORT).show();

return true; }

return false;

}

});

==================================

三,在EditText输入内容后,1000ms内无修改则 自动搜索功能。

这里是监听EditText的TextChangedListener,在afterTextChanged(Editable s) 回调方法中,首先判断当前当前EditText里的字符串是否为null/空,如果是空的,则不搜索,显示历史记录,如果不为空,则用Handler.sendMessageDelayed方法 延迟500ms/1000ms 执行搜索功能。

这里有个情况就是,如果用户在1000ms内又输入了新内容,删改了字符 ,应该对新内容进行延迟1000ms搜索,或者删除字符后为空,则不该搜索了,即用户在1000ms内变动后,应该以最新的情况进行如上逻辑判断。所以这里在判断前加入了一条语句,在每次afterTextChanged()方法执行时,都先判断mHandler里是否有未处理的搜索请求,如果有,先remove掉这条请求Message。

代码如下:这里引入Handler,主要是为了实现延迟自动搜索,以及方便取消搜索请求。

mEditTextSearch.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) {

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip204888 (备注Android)
img

总结

开发是面向对象。我们找工作应该更多是面向面试。哪怕进大厂真的只是去宁螺丝,但你要进去得先学会面试的时候造飞机不是么?

作者13年java转Android开发,在小厂待过,也去过华为,OPPO等,去年四月份进了阿里一直到现在。等大厂待过也面试过很多人。深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,不成体系的学习效果低效漫长且无助。

这里附上上述的技术体系图相关的几十套腾讯、头条、阿里、美团等公司的面试题,把技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节,由于篇幅有限,这里以图片的形式给大家展示一部分。

相信它会给大家带来很多收获:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

资料太多,全部展示会影响篇幅,暂时就先列举这些部分截图

当程序员容易,当一个优秀的程序员是需要不断学习的,从初级程序员到高级程序员,从初级架构师到资深架构师,或者走向管理,从技术经理到技术总监,每个阶段都需要掌握不同的能力。早早确定自己的职业方向,才能在工作和能力提升中甩开同龄人。

学习效果低效漫长且无助。

这里附上上述的技术体系图相关的几十套腾讯、头条、阿里、美团等公司的面试题,把技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节,由于篇幅有限,这里以图片的形式给大家展示一部分。

相信它会给大家带来很多收获:

[外链图片转存中…(img-tlKl3t2C-1711730648878)]

[外链图片转存中…(img-Wl0Ys2Vn-1711730648878)]

资料太多,全部展示会影响篇幅,暂时就先列举这些部分截图

当程序员容易,当一个优秀的程序员是需要不断学习的,从初级程序员到高级程序员,从初级架构师到资深架构师,或者走向管理,从技术经理到技术总监,每个阶段都需要掌握不同的能力。早早确定自己的职业方向,才能在工作和能力提升中甩开同龄人。

本文已被CODING开源项目:《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值