關於Toolbar的使用小結

本文將介紹簡單打造一個通用的toolbar在項目中。
1.首先創建一個common_toolbar.xml的layout，可用於不同頁面的引用。

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.AppBarLayout 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="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay" >
        <TextView
            android:id="@+id/toolbar_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text=""
            android:layout_gravity="center"/>
    </android.support.v7.widget.Toolbar>
</android.support.design.widget.AppBarLayout>

還有一個menu文件

<?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_info"
        android:orderInCategory="100"
        android:title="@string/action_info"
        android:icon="@android:drawable/ic_dialog_info"
        app:showAsAction="ifRoom"/>
</menu>

2.在你的BaseActivity中添加如下代碼

@Override
public void setContentView(int layoutResID) {
    super.setContentView(layoutResID);
    setAppBar();
}
private Toolbar mToolbar;
private TextView mToolbarTitleTV;
public void setAppBar() {
    mToolbar = (Toolbar) findViewById(R.id.toolbar);
    if (mToolbar != null) {
        mToolbar.setTitle("");
        setSupportActionBar(mToolbar);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        mToolbar.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish();
            }
        });
        mToolbarTitleTV = (TextView) mToolbar.findViewById(R.id.toolbar_title);
    }
}
protected void setToolbarTitle(String toolbarTitleStr) {
    if (mToolbarTitleTV != null) {
        mToolbarTitleTV.setText(toolbarTitleStr);
    }
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.common_action_menu, menu);
    return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
    int id = item.getItemId();
    if (id == R.id.action_info) {
        onActionInfoClick();
        return true;
    }
    return super.onOptionsItemSelected(item);
}
protected void onActionInfoClick() {
}

3.在你需要toolbar的activity佈局文件中引入common_toolbar.xml

<include layout="@layout/common_toolbar" />

4.讓你的activity繼承BaseActivity
如果想改變toolbar的title直接調用setToolbarTitle()方法即可。title已經默認居中顯示。
toolbar左側的導航按鈕已經默認實現了關閉當前activity。
右邊按鈕的實現需要Override BaseAcitivity中的onActionInfoClick()方法

幾個需要注意的地方:

1.toolbar的setTitle方法必須在 setSupportActionBar(mToolbar).之前調用

2.setDisplayHomeAsUpEnabled(true)是ActionBar的方法.用於顯示左側的返回按鈕

3.toolbar的setNavigationOnClickListener()方法必須要在setSupportActionBar()之後調用才能生效.因爲setSupportActionBar(Toolbar),會將Toolbar轉換成Actionbar.點擊事件也會重新設置.