基本用法

可分为三步：

新增ToolBar样式

value/styles.xml：

看看 parent="Theme.AppCompat.Light.NoActionBar"

XML布局中新增ToolBar

在程序中替代ActionBar

 Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        android.support.v7.app.ActionBar actionBar = getSupportActionBar();
        if (actionBar != null) {
            actionBar.setDisplayHomeAsUpEnabled(true);
             
        }

res/menu/activity_main.xml

 @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }
 @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {

            case R.id.action_edit:
              return true;
            case android.R.id.home:
              super.onBackPressed();//返回
              return true;
            default:
                return super.onOptionsItemSelected(item);
        }

    }

单独使用而不与ActionBar进行关联

在前一节中设置与ActionBar进行关联，如果不进行关联也是可以使用。即执行方法：setSupportActionBar，那么Menu的操作也不用在onCreateOptionsMenu方法，直接使用ToolBar的inflateMenu方法，Menu的事件也是独立的，需要通过设置ToolBar的setOnMenuItemClickListener来实现。

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
 
// App Logo
toolbar.setLogo(R.drawable.ic_launcher);
// Title
toolbar.setTitle("My Title");
// Sub Title
toolbar.setSubtitle("Sub title");
 
//setSupportActionBar(toolbar);
 toolbar.inflateMenu(R.menu.activity_main);
// Navigation Icon 要設定在 setSupoortActionBar后 才有作用
// 否則會出現 back button 
toolbar.setNavigationIcon(R.drawable.ab_android);
toolbar.setNavigationOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                
            }
        });
// Menu item click 设定在 setSupportActionBar 之后才有作用
toolbar.setOnMenuItemClickListener(onMenuItemClick);

onMenuItemClick

private Toolbar.OnMenuItemClickListener onMenuItemClick = new Toolbar.OnMenuItemClickListener() {
  @Override
  public boolean onMenuItemClick(MenuItem menuItem) {
    String msg = "";
    switch (menuItem.getItemId()) {
      case R.id.action_edit:  
        break;
    }
    return true;
  }
};

自定义布局

title修改为居中

禁用系统的title显示，即setDisplayShowTitleEnabled方法

 Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
  TextView  mTitleView = (TextView) toolbar.findViewById(R.id.toolbar_title);
        android.support.v7.app.ActionBar actionBar = getSupportActionBar();
        if (actionBar != null) {
            actionBar.setDisplayHomeAsUpEnabled(true);
             actionBar.setDisplayShowTitleEnabled(false);
        }
  mTitleView.setText("");

实现将布局的内容延伸到状态栏

style

 true

Toolbar增加一个paddingTop:

values/dimens.xml

0dp

values-v19/dimens.xml

25dp

values-v23/dimens.xml

24dp

可以通过以下方法取得StatusBarHeight：

public int getStatusBarHeight() {
        int result = 0;
        int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
        if (resourceId > 0) {
            result = getResources().getDimensionPixelSize(resourceId);
        }
        return result;
    }

另外注意：toolbar所在的父布局不能同时设置fitsSystemWindow="true"，它会使得屏幕上的可布局空间位于状态栏下方与导航栏上方。

因为这个带来了键盘挡住EditText的问题，解决方案：
在EditText所在的父布局设置fitsSystemWindow="true"即可。

微信公众号

我的微信公众号：吴小龙同学
不止于技术分享，不取悦别人，写给懂的人看~
欢迎微信扫一扫关注

关于作者

点击查看

附录

Android ToolBar Widget Usage
ANDROID – TOOLBAR STEP BY STEP

Android Toolbar