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

这篇文章主要为大家介绍了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

}

实现搜索

<?xmlversion=”1.0″encoding=”utf-8″?>

<menuxmlns: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属性一致

valsearchView:SearchView=idToolBar.menu.findItem(R.id.idTooBarMenuOne).actionViewasSearchView

//设置搜索提示语

searchView.queryHint=”搜索”

searchView.setOnSearchClickListener{

//当点击搜索编辑框的时候回调，刚进入的时候默认是点击搜索编辑框的

Toast.makeText(this@ActivityToolBar,”点击了搜索框”,Toast.LENGTH_SHORT).show()

}

searchView.setOnQueryTextListener(object:SearchView.OnQueryTextListener{

overridefunonQueryTextSubmit(s:String?):Boolean{

//点击手机软键盘搜索按钮的时候回调

Toast.makeText(this@ActivityToolBar,”点击了搜索”,Toast.LENGTH_SHORT).show()

returnfalse

}

overridefunonQueryTextChange(s:String?):Boolean{

//当搜索框中文本发生改变的时候执行

returnfalse

}

})

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{

overridefunonMenuItemActionExpand(item:MenuItem?):Boolean{

//展开时执行

Toast.makeText(this@ActivityToolBar,”进行了展开”,Toast.LENGTH_SHORT).show()

returntrue

}

overridefunonMenuItemActionCollapse(item:MenuItem?):Boolean{

//收起时回调

Toast.makeText(this@ActivityToolBar,”进行了收缩”,Toast.LENGTH_SHORT).show()

returntrue

}

})

改变Overflow

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

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

修改Menu弹出位置

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

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