整理需求,大致需要做的工作如下:
功能部分:
一,点击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移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip204888 (备注Android)
总结
开发是面向对象。我们找工作应该更多是面向面试。哪怕进大厂真的只是去宁螺丝,但你要进去得先学会面试的时候造飞机不是么?
作者13年java转Android开发,在小厂待过,也去过华为,OPPO等,去年四月份进了阿里一直到现在。等大厂待过也面试过很多人。深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,不成体系的学习效果低效漫长且无助。
这里附上上述的技术体系图相关的几十套腾讯、头条、阿里、美团等公司的面试题,把技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节,由于篇幅有限,这里以图片的形式给大家展示一部分。
相信它会给大家带来很多收获:
资料太多,全部展示会影响篇幅,暂时就先列举这些部分截图
当程序员容易,当一个优秀的程序员是需要不断学习的,从初级程序员到高级程序员,从初级架构师到资深架构师,或者走向管理,从技术经理到技术总监,每个阶段都需要掌握不同的能力。早早确定自己的职业方向,才能在工作和能力提升中甩开同龄人。
学习效果低效漫长且无助。
这里附上上述的技术体系图相关的几十套腾讯、头条、阿里、美团等公司的面试题,把技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节,由于篇幅有限,这里以图片的形式给大家展示一部分。
相信它会给大家带来很多收获:
[外链图片转存中…(img-tlKl3t2C-1711730648878)]
[外链图片转存中…(img-Wl0Ys2Vn-1711730648878)]
资料太多,全部展示会影响篇幅,暂时就先列举这些部分截图
当程序员容易,当一个优秀的程序员是需要不断学习的,从初级程序员到高级程序员,从初级架构师到资深架构师,或者走向管理,从技术经理到技术总监,每个阶段都需要掌握不同的能力。早早确定自己的职业方向,才能在工作和能力提升中甩开同龄人。