ToolBar的使用详解

转自：http://blog.csdn.net/qq284565035/article/details/47086439

Google在2015的IO大会上发布了系列的Material Design风格的控件。

    其中ToolBar是替代ActionBar的控件。

    由于ActionBar在各个安卓版本和定制Rom中的效果表现不一，导致严重的碎片化问题

    ToolBar应运而生。

效果图

    显示效果跟ActionBar并没有区别。

    优点：自定义视图的操作更加简单，状态栏的颜色可以调（Android 4.4以上）。

    接下来讲述在Android Studio中配置Toolbar的几个步骤。

配置Gradle

[java] view plain copy

 print?

1. compile 'com.android.support:appcompat-v7:22.0.0'  

在AndroidManifest.xml设置Activity的主题

[java] view plain copy

 print?

1. android:theme="@style/AppTheme"  

重定义主题

• Android 4.4及以上

在values文件夹中新建values-v19.xml，内容如下

[html] view plain copy

 print?

1. <resources>  
2.   
3.     <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">  
4.         <item name="windowActionBar">false</item>  
5.         <item name="android:windowNoTitle">true</item>  
6.         <!--Toolbar颜色-->  
7.         <item name="colorPrimary">@android:color/holo_blue_bright</item>  
8.         <!-- 状态栏颜色 -->  
9.         <item name="colorPrimaryDark">@android:color/holo_blue_bright</item>  
10.         <item name="android:windowTranslucentNavigation">true</item>  
11.         <item name="android:windowTranslucentStatus">true</item>  
12.     </style>  
13.   
14.   
15. </resources>  

• Android 4.4以下

[java] view plain copy

 print?

1. <resources>  
2.   
3.     <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">  
4.         <item name="windowActionBar">false</item>  
5.         <item name="android:windowNoTitle">true</item>  
6.         <!--Toolbar颜色-->  
7.         <item name="colorPrimary">@color/Indigo_colorPrimary</item>  
8.     </style>  
9.   
10.   
11. </resources>  

在values文件夹中新建colors.xml文件

[java] view plain copy

 print?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <resources>  
3.     <color name="Indigo_colorPrimaryDark">#303f9f</color>  
4.     <color name="Indigo_colorPrimary">#3f51b5</color>  
5.     <color name="Indigo_nav_color">#4675FF</color>  
6. </resources>  

注意

• 均取消ActionBar,都继承了NoActionBar主题；
• Android 4.4及以上版本可对状态栏颜色进行改变，需要在代码中进行设置。

创建toolbar的布局文件widget_layout.xml

[java] view plain copy

 print?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:id="@+id/toolbar"  
4.     android:layout_height="wrap_content"  
5.     android:layout_width="match_parent"  
6.     android:background="?attr/colorPrimary"  
7.     android:minHeight="?android:attr/actionBarSize">  
8.   
9. </android.support.v7.widget.Toolbar>  

说明

设置toolbar的背景颜色

• android:background="?attr/colorPrimary"

设置toolbar的最小高度

• android:minHeight="?android:attr/actionBarSize"

在Activity中进行引用

[java] view plain copy

 print?

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent"  
5.     android:fitsSystemWindows="true"  
6.     tools:context=".MainActivity">  
7.   
8.     <include  
9.         layout="@layout/widget_toolbar"  
10.         android:id="@+id/toolbar" />  
11.   
12. </RelativeLayout>  

说明

防止ActionBar会和状态栏混在一起

• [java] view plain copy

   print?

  1. android:fitsSystemWindows="true"  
  
  

代码实现

[java] view plain copy

 print?

1. private Toolbar mToolbar;  
2.    private WebFragment mWebFragment;  
3.   
4.    private long mBeforeTime;  
5.   
6.    @Override  
7.    protected void onCreate(Bundle savedInstanceState) {  
8.        super.onCreate(savedInstanceState);  
9.        setContentView(R.layout.activity_main);  
10.   
11.        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {  
12.            SystemBarTintManager tintManager = new SystemBarTintManager(this);  
13.            mToolbar = (Toolbar) findViewById(R.id.toolbar);  
14.            tintManager.setStatusBarTintEnabled(true);  
15.            setSupportActionBar(mToolbar);  
16.            tintManager.setStatusBarTintResource(android.R.color.holo_blue_bright);  
17.        }  
18.        getSupportActionBar().setHomeButtonEnabled(true); //设置返回键可用  
19.        getSupportActionBar().setDisplayHomeAsUpEnabled(true);  
20.    }  

SystemBarTintManager可以在点击打开链接下载，就一个简单的Java文件。