浅谈ToolBar的基本用法

Google从Android5.0开始推进MaterialDesign规范,伴随着AppCompatActivity,ToolBar作为其典型的样例已经慢慢融入了众多开发者的怀抱。

下面逐步介绍ToolBar的各种玩法。 要使用ToolBar,为了兼容低版本我们要添加gradle依赖:

compile 'com.android.support:appcompat-v7:25.1.1'

首先,我们创建的每一个Activity默认都是使用了ActionBar的,那么为了使用ToolBar,我们就应该首先去掉默认的ActionBar。注意我们应该去掉ActionBar,这里使用requestWindowFeature(Window.FEATURE_NO_TITLE);是不可以的,程序运行之后仍然会报错:

Caused by: java.lang.IllegalStateException: This Activity already has an action bar supplied by the window decor. Do not request Window.FEATURE_SUPPORT_ACTION_BAR and set windowActionBar to false in your theme to use a Toolbar instead.

我们这里在 res/values/styles.xml下编辑:

<resources> <!-- Base application theme. --> <style name="AppTheme" parent="AppTheme.Base"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> </style> <style name="AppTheme.Base" parent="Theme.AppCompat.Light"> <item name="windowActionBar">false</item> <!--注意当我们使用API版本为22及以上来编译的时候要去掉前缀android:--> <item name="windowNoTitle">true</item> </style> </resources>

通过上面的编辑我们就可以完成ToolBar的添加了，这也是最常用的做法。 当然我们也可以直接将AppTheme继承自系统已有的主题也能满足效果。

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <!-- Customize your theme here. --> </style>

需要注意的是,我们使用的主题都是带有Light的亮色主题,这对我们的ToolBar的属性定制有影响。

其次我们在布局文件中使用ToolBar:

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

上面也是最基本的用法,需要说明的是,由于ToolBar是兼容版本库中的控件,其特有的属性需要使用app:前缀,我们首先应该在布局文件中声明其命名空间。 由于我们APP的整体风格是亮色主题,所以我们要指定ToolBar的主题为暗色调才能保证我们的Lable正确以亮色显示:

app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"

同样的,弹出菜单默认和ToolBar一个风格,这将会与我们的App的风格不搭,我们需要强制指定其为亮色主题:

app:popupTheme="@style/ThemeOverlay.AppCompat.Light"

ToolBar的颜色是我们在style的文件中指定的,对于MD风格颜色的设定,请参照我的另一篇博文: http://blog.csdn.net/james_shu/article/details/54570919 此时在MainActivity中找到我们的控件然后就可以使用了:

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