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的样式啥的,但其实不建议在这搞,因为这是主题,不仅仅会应用到这,还会应用到你的其他地方,都是统一的还好,可如果不是,你的处理就麻烦了。

作者:芝麻粒儿

%s 个评论

要回复文章请先登录注册