項目實戰-使用Toolbar替代ActionBar

Toolbar

本文參考Android開發最佳實踐by胡凱

更多詳細用法請參考
android：ToolBar詳解（手把手教程）
Android 5.x Theme 與 ToolBar 實戰

自從MaterialDesign開始，Android官方就開始使用Toolbar替代了原來的ActionBar，現在Toolbar已經加入Support兼容包。Toolbar是一個相比起ActionBar更加豐富，更加靈活的組件，另外它的佈局本身還是View Hierarchy的一部分，這就意味着可以對Toolbar執行動畫操作，增加點擊滑動事件等等，甚至我們還可以在一個頁面裏面加入兩個Toolbar。

爲了啓用Toolbar，首先要做的事情就是關閉當前Activity的ActionBar。我們可以通過使得Activity的主題繼承Theme.AppCompat.NoActionBar

AndroidManifest.xml

<application
        ...
        android:theme="@style/AppTheme">
        ...
    </application>

…\values\styles.xml

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowBackground">@color/wbg</item>
        <item name="android:windowActionBar">false</item>

        <item name="android:actionMenuTextColor">@color/mtc</item>
        <item name="android:actionBarSize">@dimen/actionbar_height</item>
    </style>

然後在對應的XML佈局文件中，添加類似下面的toolbar佈局信息：

<android.support.v7.widget.Toolbar
           android:id="@+id/toolbar"
           android:layout_width="match_parent"
           android:layout_height="?attr/actionBarSize"
           android:layout_alignParentTop="true"
           android:background="@color/g"/>

在佈局文件中添加Toolbar的信息之後，需要啓動Toolbar替代ActionBar，需要像下面一樣做設置：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    final Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    if (toolbar != null) {
        setSupportActionBar(toolbar);
    }
    ActionBar actionBar = getSupportActionBar();
    if (actionBar != null) {
        // 顯示返回上一級(即 < icon)
        actionBar.setDisplayHomeAsUpEnabled(true);
    }

    final Drawable upArrow = getResources().getDrawable(R.drawable.upArrow);

    if (upArrow != null) {
        // 如果layout方向是從右到左，自動翻轉
        upArrow.setAutoMirrored(true);
        // 設置 < icon顏色
        upArrow.setColorFilter(getResources().
            getColor(R.color.upArrow),PorterDuff.Mode.SRC_ATOP);
    }

    if (actionBar != null) {
        // 設置返回上一級的圖標
        actionBar.setHomeAsUpIndicator(upArrow);
        actionBar.setHomeActionContentDescription(getResources().
            getString(R.string.action_bar_back_button_navigate_up));
    }
}

可以在Fragment中設置隱藏或顯示Toolbar ActionBar

@Override
public void onAttach(Activity activity) {
    super.onAttach(activity);

    // Hide ToolbarActionBar
    ActionBar actionBar = _mainActivity.getSupportActionBar();
    if (actionBar != null) {
        actionBar.hide();
    }

    _mainActivity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
}

@Override
public void onDetach() {
    super.onDetach();

    // show ToolbarActionBar
    ActionBar actionBar = _mainActivity.getSupportActionBar();
    if (actionBar != null) {
        actionBar.show();
    }

    _mainActivity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
}