android Toolbar的使用

• android Toolbar的使用
  • 参考文章
  • 效果图
  • 配置material design
  • 去除原有的actionBar
  • toolbar代码
  • 编写menumenu_toolbarxml
  • java注意setSupportActionBar和onPrepareOptionsMenu
  • 遇见的问题
    • menu没有展示
    • onPrepareOptionsMenu与onCreateOptionsMenu与onOptionsItemSelected的关系

android Toolbar的使用

参考文章

ToolBar详解（手把手教程）
stackoverflow-Android toolbar menu is not showing
actionBar和Toolbar中如何动态隐藏和修改menu上的菜单

效果图

配置material design

请确保有依赖以下三项

    compile 'com.android.support:appcompat-v7:25.1.1'
    compile 'com.android.support:support-v4:25.1.1'
    compile 'com.android.support:design:25.1.1'

去除原有的actionBar

    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <!--增加以下三行，为app去除原有actionBar-->
        <item name="windowActionBar">false</item>
        <item name="android:windowNoTitle">true</item>
        <item name="windowNoTitle">true</item>
    </style>

toolbar代码

reslayout oolbar.xml

<?xml version="1.0" encoding="utf-8"?>
<!--colorPrimary是主题使用的颜色，可以value/color.xml中修改-->
<!--actionBarSize是系统actionBar的高度-->
<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:menu="@menu/menu_toolbar"
    >

</android.support.v7.widget.Toolbar>

一般来说toolbar会应用多个activity，所以我单独作为一个xml来使用，
在activity.xml中只需使用include标签，方便使用

    <include
        android:id="@+id/toolbar"
        layout="@layout/toolbar"
        />

编写menu/menu_toolbar.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"
    >
    <!--showAsAction如果有足够的空间会显示出来，否则隐藏在工具栏里面-->
    <item
        android:id="@+id/search"
        android:icon="@mipmap/search"
        android:title="搜索"
        app:showAsAction="ifRoom"
        >
    </item>
    <item
        android:id="@+id/write"
        android:icon="@mipmap/write"
        android:title="书写"
        app:showAsAction="ifRoom"
        >
    </item>
    <item
        android:id="@+id/book"
        android:icon="@mipmap/book"
        android:title="书籍"
        app:showAsAction="ifRoom"
        >
    </item>
</menu>

java注意setSupportActionBar和onPrepareOptionsMenu

srcMainActivity.java

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final TextView hello= (TextView) findViewById(R.id.hello);
        Toolbar toolbar= (Toolbar) findViewById(R.id.toolbar);
        //配置代替actionBar
        setSupportActionBar(toolbar);
        //设置图标
        toolbar.setLogo(getResources().getDrawable(R.mipmap.ic_launcher));
        toolbar.setNavigationIcon(R.mipmap.ic_launcher);
        toolbar.setTitle("setTitle主标题");
        toolbar.setSubtitle("setSubtitle副标题");
        toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                switch (item.getItemId()){
                    case R.id.search:
                        hello.setText("您点击了搜索");
                        break;
                    case R.id.write:
                        hello.setText("您点击了书写");
                        break;
                    case R.id.book:
                        hello.setText("您点击了书籍");
                        break;
                }
                return false;
            }
        });
    }

    @Override
    public boolean onPrepareOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_toolbar,menu);
        return super.onPrepareOptionsMenu(menu);
    }

遇见的问题

menu没有展示

出现我第一时间考虑，没有使用menu属性配置。
很显然我是有的

<android.support.v7.widget.Toolbar
……
app:menu="@menu/menu_toolbar"
>
</android.support.v7.widget.Toolbar>

stackoverflow-Android toolbar menu is not showing
我在参考了stackoverflow的问题，之后发现是我没有使用
onPrepareOptionsMenu()

    @Override
    public boolean onPrepareOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_toolbar,menu);
        return super.onPrepareOptionsMenu(menu);
    }

后来，我尝试保留onPrepareOptionsMenu()，把setSupportActionBar()去掉，发现menu同样也会消失不见。
我由此估计，menu是actionbar才有的功能，toolbar只是调用了actionbar功能的部分方法。

所以，才有先用setSupportActionBar()替换actionbar
再onPrepareOptionsMenu();创建menu

onPrepareOptionsMenu与onCreateOptionsMenu与onOptionsItemSelected的关系

onCreateOptionsMenu():创建菜单，但是从初始开始就只运行一次，所以activity实例化后，无法修改菜单内容
onOptionsItemSelected():对选中的菜单进行操作
onPrepareOptionsMenu()：创建菜单，activity初始化后仍会调用此方法，所以可在方法编写activity初始化后的功能