Android 5.x Theme 與 ToolBar 實戰

1、概述

隨著Material Design的逐漸的普及，業內也有很多具有分享精神的伙伴翻譯了material design specification，中文翻譯地址：Material Design 中文版。So，我們也開始Android 5.x相關的blog，那麼首先了解的當然是其主題的風格以及app bar。

當然，5.x普及可能還需要一段時間，所以我們還是盡可能的去使用兼容包支持低版本的設備。

ps:本博客使用：

• compileSdkVersion 22
• buildToolsVersion “22.0.1”
• compile ‘com.android.support:appcompat-v7:22.1.1’
• 忽然發現ActionBarActivity被棄用了，推薦使用AppCompatActivity，相關blog地址：Android Support Library 22.1

2、Material Design的Theme

md的主題有：

• @android:style/Theme.Material (dark version)
• @android:style/Theme.Material.Light (light version)
• @android:style/Theme.Material.Light.DarkActionBar

與之對應的Compat Theme:

• Theme.AppCompat
• Theme.AppCompat.Light
• Theme.AppCompat.Light.DarkActionBar

（1）個性化 Color Palette

我們可以根據我們的app的風格，去定制Color Palette(調色板)，重點有以下幾個屬性：

<resources>
    
    <style name="AppBaseTheme" parent="Theme.AppCompat">

        

    <style name="AppTheme" parent="AppBaseTheme">


    
<resources>
    <color name="material_blue_500">#009688
    <android.support.v7.widget.Toolbar
        android:id="@+id/id_toolbar"
        app:title="App Title"
        app:navigationIcon="@drawable/ic_toc_white_24dp"
        android:layout_height="wrap_content"
        android:minHeight="?attr/actionBarSize"
        android:layout_width="match_parent"
        android:background="?attr/colorPrimary" />

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/id_drawerlayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <FrameLayout
            android:id="@+id/id_content_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent">