Android基础学习总结（五）——Toolbar、DrawerLayout与Palette应用

引言

对于已经被不大好用的Actionbar折磨的开发者来说，Toolbar的出现确实是一个好消息，Toolbar是应用的内容的标准工具栏，可以说是Actionbar的升级版，两者不是独立关系，要使用Toolbar还是得跟ActionBar有关系的。相比Actionbar Toolbar最明显的一点就是变得很自由，可随处放置，具体的使用方法和Actionbar很类似。

什么是Toolbar

一般情况工具栏可以包含以下可选的元素：

• A navigation button（导航按钮）。这里可能是向上箭头，导航菜单，关闭，折叠，完成或应用程序中选择的其他图标。这个按钮应始终用于访问工具栏指定内容的容器内的其他导航目标，或者离开当前的上下文。
• A branded logo image（标志性的logo图片）。
• A title and subtitle（标题或者子标题）。
• One or more custom views（或多个视图）。
• An action menu(动作菜单)。

引入Toolbar

Android Api中给我们提供了多个版本的Toolbar给我们使用，包括3.0引入的ActionBar和v21中的Toolbar，但是为了达到应用体验的一致性以及如今纷繁复杂的android平台差异化的情况下我们选择android.support.v7.widget.Toolbar的Toolbar来使用。

• 添加android.support.v7.widget.Toolbar的依赖

    dependencies{
        compile 'com.android.support:appcompat-v7:25.3.1'
    }

• 确保Activity继承自AppCompatActivity:

    public class MyActivity extends AppCompatActivity {
   
    // ...
    }

• 接下来为了显示Toolbar控件，先要将在style里得先把Actionbar去掉

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
</resources>

属性分布图：

接着我们写一个mytoolbar.xml，引入Toolbar控件，这么写的目的是方便多次调用，我们可以在其他布局中用include引用此布局(Material Design 规范建议应用栏具有 4 dp 的elevation)：

    <android.support.v7.widget.Toolbar
       android:id="@+id/my_toolbar"
       android:layout_width="match_parent"
       android:layout_height="?attr/actionBarSize"
       android:background="?attr/colorPrimary"
       android:elevation="4dp"
       android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
       app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

注意：
1.正是由于每个布局文件都使用xmlns:android来指定一个命名空间，因此我们使用android:id这样的写法，那么这里指定了xmlns:app，就可以使用app:attribute这样的写法了，这么用的原因就是Material Design是在Android5.0系统才出现的，而很多相关属性在之前的系统不存在，为了能够兼容老系统，我们就不能用android:attribute这样写。
2.在AndroidManifest.xml中增加android:label属性，用来指定在Toolbar中显示的内容，如果未指定的话会默认使用应用名称

使用Toolbar

在主界面布局用include引用mytoolbar.xml中的Toolbar，在主界面布局中我们用DrawerLayout来完成侧滑的效果

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"