Android Toolbar应用栏使用方法简介

懒到死的程序员 2022-12-07 我要评论

一、概念

默认显示的 ActionBar 来自于主题指定（Manifest中application所指定，activity也会单独指定），由于不能实现 Materrial Design 效果已不再建议使用。

二、使用

2.1 xml

<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    />

2.2 menu

右键res目录→New→Directory→创建一个menu文件夹。右键Menu文件夹→New→Menu resource file→创建一个toolbar.xml文件。

xmls:app	指定命名空间，许多新特性（app:开头的）老系统（android:开头的）中不存在，是为了兼容。
app:showAsAction	指定选项显示位置：always永远显示；ifRoom有空位就显示；never只在菜单中显示。Toolbar中只显示图标，菜单中只显示文字。

指定选项显示位置：always永远显示；ifRoom有空位就显示；never只在菜单中显示。Toolbar中只显示图标，菜单中只显示文字。

<?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/back"
        android:icon="@mipmap/ic_launcher"
        android:title="Back"
        app:showAsAction="always" />
    <item android:id="@+id/delete"
        android:icon="@mipmap/ic_launcher"
        android:title="Delete"
        app:showAsAction="ifRoom" />
    <item android:id="@+id/settings"
        android:icon="@mipmap/ic_launcher"
        android:title="Settings"
        app:showAsAction="never" />
</menu>

2.3 Manifest

Tollbar默认显示的标题是<application>节点的label，如果<activity>节点有指定自己的label就显示自己的，一般我们会自行在 xml 中对 Tollbar 的 title 进行自定义。
<activity>节点的 theme 没有单独指定 NoActionBar 的主题，那么<application>节点的 theme 就要指定NoActionBar的主题，否则关联Toolbar 会报错。

2.4 Activity

onCreate() {
    //关联Toolbar(Manifest没有使用NoActionbar的主题会报错)
    val toolbar = findViewById<Toolbar>(R.id.toolbar)
    setSupportActionBar(toolbar)
}
//加载菜单
override fun onCreateOptionsMenu(menu: Menu?): Boolean {
    menuInflater.inflate(R.menu.toolbar, menu)
    return true
}
//处理点击事件
override fun onOptionsItemSelected(item: MenuItem): Boolean {
    when (item.itemId) {
        R.id.back -> Toast.makeText(this, "点击了back", Toast.LENGTH_SHORT).show()
        R.id.delete -> Toast.makeText(this, "点击了delete", Toast.LENGTH_SHORT).show()
        R.id.settings -> Toast.makeText(this, "点击了settings", Toast.LENGTH_SHORT).show()
    }
    return true
}