Toolbar 替换ActionBar（android MD 二）

ゞ浴缸里的玫瑰 2022-06-06 03:29 221阅读 0赞

> Toolbar是Android 5.0推出的一个新的导航控件用于取代之前的ActionBar，由于其高度的可定制性、灵活性、具有Material Design风格等优点被大量采用。

兼容5.0以下版本：

加上依赖

compile 'com.android.support:appcompat-v7:25.+'

**借用大佬的一张图**

![这里写图片描述][SouthEast]

**通过设置相应的主题属性得到的效果图**

![这里写图片描述][SouthEast 1]

**注意事项**

1.  Toolbar要指定 android:background=”?attr/colorPrimary”
2.  要去掉之前的ActionBar，例子是用Theme.AppCompat.Light.NoActionBar这个主题去除，也可以用相应的方法；

**布局文件里添加Toolbar**

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:orientation="vertical" android:layout_height="match_parent" tools:context="com.example.toolbardemo.MainActivity">
        <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:background="?attr/colorPrimary" android:layout_width="match_parent" android:layout_height="wrap_content" />
    
    </LinearLayout>

**Activity里找到Toolbar**

Toolbar mToolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(mToolbar);

**设置标题，导航icon等**

mToolbar.setTitle("我是大标题");
            mToolbar.setSubtitle("我是小标题");
            mToolbar.setLogo(R.mipmap.ic_launcher);
    
            setSupportActionBar(mToolbar); //注意顺序
            mToolbar.setNavigationIcon(R.mipmap.ic_launcher_round);

![这里写图片描述][SouthEast 2]

**设置菜单**

*  重写这个方法

@Override
     public boolean onCreateOptionsMenu(Menu menu) {
            getMenuInflater().inflate(R.menu.toolbar_menu, menu); //加载菜单
            return super.onCreateOptionsMenu(menu);
     }

**toolbar\_menu.xml**

<?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/action_search" android:title="Search" android:icon="@mipmap/ic_launcher" app:showAsAction="ifRoom"/>
        <item android:id="@+id/action_notifications" android:title="notifications" android:icon="@mipmap/ic_launcher" app:showAsAction="ifRoom"/>
        <item android:id="@+id/action_ications" android:title="notiions" android:icon="@mipmap/ic_launcher" app:showAsAction="ifRoom"/>
        <item android:id="@+id/action_stings" android:title="sb" android:orderInCategory="100" android:icon="@mipmap/ic_launcher" app:showAsAction="never"/>
    </menu>

**设置菜单Item点击事件**

@Override
    public boolean onOptionsItemSelected(MenuItem item) {
            if (item.getItemId() == android.R.id.home) {
                Toast.makeText(this, "你点击了导航图标", Toast.LENGTH_SHORT).show();
            } else {
                Toast.makeText(MainActivity.this, "你点击了标题为 ：" + item.getTitle() + " 的菜单", Toast.LENGTH_SHORT).show();
            }
            return super.onOptionsItemSelected(item);
    }

**改变系统默认的三个点的图片**

mToolbar.setOverflowIcon(getDrawable(R.mipmap.ic_launcher)); //替换三个点的图片

![这里写图片描述][SouthEast 3]

**指定弹出菜单的主题**

app:popupTheme="@style/Toolbar.Popup.Theme"
    
     <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/Toolbar.Popup.Theme"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

@style/Toolbar.Popup.Theme
    
    <style name="Toolbar.Popup.Theme" parent="@style/ThemeOverlay.AppCompat.Dark">
    <item name="android:colorBackground">@color/colorPrimary</item>
    <item name="android:textColorPrimary">#000000</item>
    <item name="actionOverflowMenuStyle">@style/Toolbar.Popup.Position.Theme</item>
    </style>
    
    <style name="Toolbar.Popup.Position.Theme" parent="Widget.AppCompat.Light.PopupMenu.Overflow">
    <item name="overlapAnchor">false</item>  
    </style>

*  android:textColorPrimary 指定弹出菜单的字体颜色
 *  android:colorBackground指定弹出菜单的背景颜色
 *  actionOverflowMenuStyle 设置弹出菜单的位置主题

> 暂时整理了这么多，后续会再更新！[源码下载地址][Link 1]

[SouthEast]: /images/20220606/78c8b277a4914231b4c10559b12f5fc9.png
[SouthEast 1]: /images/20220606/8a751ce520594d6eb8374b94d87e9890.png
[SouthEast 2]: /images/20220606/574df75bf5e64f63b10daa00a5c458be.png
[SouthEast 3]: /images/20220606/dfdeb066b702425c9889b7509693864a.png
[Link 1]: https://github.com/yang-mr/Study_Notes/tree/master/MDDemo/toolbardemo