《第一行代码》笔记(19)——Toolbar简单使用

package com.zjw.mymaterialdesign;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;

import butterknife.BindView;
import butterknife.ButterKnife;

//12.2 p408 Toolbar
/*
Toolbar：集成了ActionBar的所有功能，灵活性更高，可以配合其他控件来完成一些Material Design效果
 */
/*
默认会显示ActionBar
ActionBar哪来？
清单文件：theme：AppTheme主题
 <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">

AppTheme主题在哪？
res/values/style.xml:DarkActionBar定义了一个深色的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>
    </style>
 */
/*
用Toolbar替代ActionBar
去掉ActionBar
<!--原来的-->
    <!--<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">-->

    <!--深色主题，主体深色，陪衬淡色-->
    <!--<style name="AppTheme" parent="Theme.AppCompat.NoActionBar">-->

    <!--淡色主题，主体淡色，陪衬深色-->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

布局代码：
   <android.support.v7.widget.Toolbar
        android:id="@+id/tb"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"                         //因为总主题为淡色，Toolbar字啥的会变深色
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"    //让Toolbar为深色主题
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"            //弹出菜单项指定为淡色主题
        />
 */
/*
改主类代码setSupportActionBar(mTb);//设置Toolbar作为这次活动窗口的ActionBar
Toolbar显示标题不另外指定，显示的是清单文件里：android:label="@string/app_name"(应用名称)
 */
/*
加action按钮
1.扔点图片到图片文件夹
2.res下新建menu文件夹
3.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"
    >
    <item
        android:id="@+id/tb_item_backup"
        android:icon="@mipmap/icecream_03"
        android:title="Backup"
        app:showAsAction="always"
        />
    <item
        android:id="@+id/tb_item_delete"
        android:icon="@mipmap/icecream_04"
        android:title="Delete"
        app:showAsAction="ifRoom"
        />
    <item
        android:id="@+id/tb_item_setting"
        android:icon="@mipmap/icecream_06"
        android:title="Setting"
        app:showAsAction="never"
        />
</menu>
其中app:showAsAction="..."
always:表示永远显示在Toolbar中，如果屏幕空间不够则不显示
ifRoom:表示屏幕空间足够的情况显示在Toolbar中，不够的话显示在菜单中
never:永远显示在菜单中
注意：Toolbar中Action按钮只显示图标，菜单中Action按钮只显示文字
 */
/*
重写onCreateOptionsMenu()加载布局onOptionsItemSelected()写点击事件
 */
public class UseOfToolbar extends AppCompatActivity {

    @BindView(R.id.tb)
    Toolbar mTb;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_use_of_toolbar);
        ButterKnife.bind(this);

        setSupportActionBar(mTb);//设置Toolbar作为这次活动窗口的ActionBar
    }

    //加载Menu布局
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.toolbar, menu);
        return true;
    }

    //按钮点击事件
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.tb_item_backup:
                showToast("you clicked backup");
                break;
            case R.id.tb_item_delete:
                showToast("you clicked delete");
                break;
            case R.id.tb_item_setting:
                showToast("you clicked setting");
                break;
            default:
                break;
        }
        return true;
    }

    //专门弹吐司
    private Toast mToast;

    public void showToast(String msg) {
        if (mToast == null) {
            mToast = Toast.makeText(this, "", Toast.LENGTH_SHORT);
        }
        mToast.setText(msg);
        mToast.show();
    }
}

转载于:https://my.oschina.net/u/3620480/blog/1492924