日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

Android手冊之Toolbar搜索聯動及監聽小技巧_Android

作者:芝麻粒兒 ? 更新時間: 2022-11-12 編程語言

??實踐過程

??監聽

//返回事件的監聽,也就是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的樣式啥的,但其實不建議在這搞,因為這是主題,不僅僅會應用到這,還會應用到你的其他地方,都是統一的還好,可如果不是,你的處理就麻煩了。

原文鏈接:https://juejin.cn/post/7136572863858868237

欄目分類
最近更新