Material Design学习之Toolbar的使用（1）

Toolbar的使用：

准备活动：

任何一个新建项目默认的都是显示ActionBar，其实这是根据项目中指定的主题来显示的。打开AndroidManifest.xml文件，如下：

<application
   android:allowBackup="true"
   android:icon="@mipmap/ic_launcher"
   android:label="@string/app_name"
   android:supportsRtl="true"
   android:theme="@style/AppTheme" >
   ...
</application>

可以看到Android：theme指定了APPTheme的主题，而这个主题实在res/values/styles/.xml文件：

<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>

这里定义了APPTheme的主题，如过我们使用Toolbar来代替ActionBar，需要指定不带ActionBar的主题：

Theme.AppCompat.Light.NoActionBar（主题颜色设为深色，陪衬颜色为浅色）；

Theme.AppCompat.Light.NoActionBar(淡色主题);

修改代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   android:id="@+id/activity_main"
   android:layout_width="match_parent"
   android:layout_height="match_parent">
   <android.support.v7.widget.Toolbar
       android:layout_width="match_parent"
       android:layout_height="?attr/actionBarSize"
       android:id="@+id/toolbar"
       android:background="?attr/colorPrimary"
       android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
       app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
   </android.support.v7.widget.Toolbar>
</RelativeLayout>

解释：为什么用xmlns:app的命名空间：这是由于Material Design实在Android5.0系统中出现的，有很多Material属性之前不存在，为了兼容老系统使用app:attribute;android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar":我们将程序设为了浅色主题，为了和主题颜色区分开，ToolBar上的元素就会自动使用深色，为了让Toolbar单独使用深色主题，使用Android：theme。那么这样弹出的菜单也会为深色主题，使用app:popupTheme将弹出的菜单设为单色主题。MainActivity文件中加入：

     Toolbar toolbar;
       toolbar = (Toolbar) findViewById(R.id.toolbar);
       setSupportActionBar(toolbar);

这样运行效果和之前ActionBar看起来一样，接下来运用Toolbar的常用功能,添加action按钮添加按钮右击res目录-》new-Directory，创建Menu文件夹，右击menu文件夹，new
Menu resource file，创建Toolbar.xml文件，编写代码如下：

<menu xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto">
   <item
   android:icon="@mipmap/ic_launcher"
   android:title="Backup"
   app:showAsAction="always"
   android:id="@+id/back_up"/>
   <item
       android:icon="@mipmap/ic_launcher"
       android:title="delete"
       app:showAsAction="always"
       android:id="@+id/delete"/>
   <item
       android:icon="@mipmap/ic_launcher"
       android:title="settings"
       app:showAsAction="always"
       android:id="@+id/Settings"/>
​
</menu>

app:showAsaction:指定按钮的显示位置，always（永远显示，屏幕不够则不显示）ifRoom(屏幕如果够则显示，不够再菜单里显示) never(永远显示在菜单中)Toolbar中的action按钮只显示图标，菜单中的action按钮只显示文字。修改MainActivity中的代码：