自由屋推书网—热门的小说推荐平台!

你的位置: 首页 > Andriod

Android手册之Toolbar搜索联动及监听小技巧

2022-09-22 09:45:03

这篇文章主要为大家介绍了Android手册之Toolbar搜索联动及监听小技巧示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助!

实践过程

监听

//返回事件的监听,也就是app:navigationIcon属性设置的图片的监听
idToolBar.setNavigationOnClickListener {
Toast.makeText(this, "点击了返回", Toast.LENGTH_SHORT).show()
}
//右侧点击的监听
idToolBar.setOnMenuItemClickListener {
Toast.makeText(this, it.title, Toast.LENGTH_SHORT).show()
true
}

实现搜索

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
android:id="@+id/idTooBarMenuOne"
android:icon="@mipmap/icon_xin_no"
android:orderInCategory="1"
android:title="搜索"
app:showAsAction="ifRoom|collapseActionView"
app:actionViewClass="androidx.appcompat.widget.SearchView " />
</menu>

重点为app:showAsAction和app:actionViewClass属性,actionViewClass表示展开哪个view,上面的android.widget.SearchView是系统的搜索view。

<androidx.appcompat.widget.Toolbar
android:id="@+id/idToolBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#0000ff"
app:collapseIcon="@mipmap/icon_xin_yes"
app:menu="@menu/menu"
app:titleTextColor="#ff0000" />

关于搜索的几个监听事件

//注意import引入的SearchView 要和 menu的item中app:actionViewClass属性一致
val searchView: SearchView = idToolBar.menu.findItem(R.id.idTooBarMenuOne).actionView as SearchView
//设置搜索提示语
searchView.queryHint = "搜索"
searchView.setOnSearchClickListener {
//当点击搜索编辑框的时候回调,刚进入的时候默认是点击搜索编辑框的
Toast.makeText(this@ActivityToolBar, "点击了搜索框", Toast.LENGTH_SHORT).show()
}
searchView.setOnQueryTextListener(object : SearchView.OnQueryTextListener {
override fun onQueryTextSubmit(s: String?): Boolean {
//点击手机软键盘搜索按钮的时候回调
Toast.makeText(this@ActivityToolBar, "点击了搜索", Toast.LENGTH_SHORT).show()
return false
}
override fun onQueryTextChange(s: String?): Boolean {
//当搜索框中文本发生改变的时候执行
return false
}
})
searchView.setOnQueryTextFocusChangeListener { v, hasFocus ->
//当得到焦点和失去焦点的时候执行
if (hasFocus) {
Toast.makeText(this@ActivityToolBar, "获取了焦点", Toast.LENGTH_SHORT).show()
} else {
Toast.makeText(this@ActivityToolBar, "失去了焦点", Toast.LENGTH_SHORT).show()
}
}
idToolBar.menu.findItem(R.id.idTooBarMenuOne).setOnActionExpandListener(object : MenuItem.OnActionExpandListener {
override fun onMenuItemActionExpand(item: MenuItem?): Boolean {
//展开时执行
Toast.makeText(this@ActivityToolBar, "进行了展开", Toast.LENGTH_SHORT).show()
return true
}
override fun onMenuItemActionCollapse(item: MenuItem?): Boolean {
//收起时回调
Toast.makeText(this@ActivityToolBar, "进行了收缩", Toast.LENGTH_SHORT).show()
return true
}
})

改变Overflow

OverFlow就是溢出的那三个点点。可以自己设置其他的图标,比如一个加号。而且推荐这种方式,其他在theme文件中设置style的属性不太好,官方对这块支持还差点。

idToolBar.overflowIcon=ContextCompat.getDrawable(this,R.mipmap.dragon_eight)

修改Menu弹出位置

只需要在你的主题中设置overlapAnchor属性节课,默认是true会从右上角展示,false为在toolbar下方展示。

当然吗,处了上面属性,还可以在其他文章中看到关于在这修改Menu的样式啥的,但其实不建议在这搞,因为这是主题,不仅仅会应用到这,还会应用到你的其他地方,都是统一的还好,可如果不是,你的处理就麻烦了。

编辑推荐

热门小说