【Android L】Material Design低版本实现之【应用主题并且修改状态栏颜色】

在安卓5.0发布以后，界面实在美到爆，状态栏的颜色也可以自定义了。于是乎我就有想法将这一特性引入到我自己的APP中。查了很多资料，为了让5.0以前版本的系统享受到material design，google自然会推出相应的兼容包:即appcompathttps://www.zybuluo.com v21，这个兼容包里面有很多有意思的东西，不是这篇文章的重点，以后再讲。在官方文档https://chris.banes.me/2014/10/17/appcompat-v21/中介绍了可以引用这个包，然后在样式中配置如下主题样式就可以达到我们的目的

下面就来讲讲如何实现改变状态栏颜色（Android Studio）：

第一步：

导入appcompat-v7:21

在gradle项目中，你需要将compile sdk版本设置成21，如下：

android {
    compileSdkVersion 21
    buildToolsVersion "21.1.2"

    defaultConfig {
        applicationId "com.example.test.materialdesign_theme"
        minSdkVersion 14
        targetSdkVersion 21
        versionCode 1
        versionName "1.0"
    }
}

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    compile "com.android.support:appcompat-v7:21.0.+"
}

第二步：指定Material Theme主题

你需要将自己的主题继承自Theme.AppCompat，新的AppCompat有你所需要的支持Material Design的兼容代码与资源文件。在values-v21中我用自定义的base thmeme替代了原始主题，这是因为我要在里面使用5.0的各种transitions（过度）效果。

values/styles.xml

<resources>

    <style name="AppBaseTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!--
            Theme customizations available in newer API levels can go in
            res/values-vXX/styles.xml, while customizations related to
            backward-compatibility can go here.

        -->
    </style>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="AppBaseTheme">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimary</item>
        <!--为控件的选中颜色，即checked或selected状态的颜色。-->
        <item name="colorAccent">@color/colorPrimary</item>
        <!--实际上为Actionbar中的文本颜色-->
        <item name="android:textColorPrimary">@android:color/white</item>
        <!--
        colorControlNormal：为控件预设的颜色，相当与之前定义xml Drawable中Selector的Normal状态的颜色。
        colorControlActivated：即激活状态，按照源代码仅有即几行解释应该是属于accent的一部分如checked状态(需要实际测试一下)。
        colorControlHighlight：为选择高亮，如ripples，列表的selector。
        coloSwitchThumbNormal：是指switch控件的色彩了。
        -->
        <item name="android:windowNoTitle">true</item>
        <item name="windowActionBar">false</item>
    </style>

</resources>

values-v21/styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="AppTheme" parent="AppTheme.Base">
    <item name="android:windowContentTransitions">true</item>
    <item name="android:windowAllowEnterTransitionOverlap">true</item>
    <item name="android:windowAllowReturnTransitionOverlap">true</item>
    <item name="android:windowSharedElementEnterTransition">@android:transition/move</item>
    <item name="android:windowSharedElementExitTransition">@android:transition/move</item>
</style>
</resources>

**注意**：Demo中使用了toolbar，所以Activity的样式必须继承于Theme.AppCompat，Activity也必须继承自 ActionBarActivity，不然会报错的。这里最好的方式是在application节点下配置默认的样式，这样配置一次就可以了。

第三步：修改布局文件
首先我们把toolbar单独创建出来，这样方便复用。如下在layout中创建toobar.xml

<?xml version="1.0" encoding="utf-8"?>
<merge>
    <android.support.v7.widget.Toolbar
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimaryDark"/>
</merge>

接着将toobar添加到我们的布局文件中。如下activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    android:fitsSystemWindows="true"
    tools:context=".MainActivity">

    <include layout="@layout/toolbar"></include>

    <TextView android:text="@string/hello_world" android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

注意：android:fitsSystemWindows，如果置为true时，作用是空出状态栏的位置，以免我们的的toolbar直接顶到屏幕的顶部 。

第四步：导入支持包到工程
   说明：这个支持包是我从github上的开源项目上脱下来的，就是一个java文件，方便我们自己修改。

下载地址：https://github.com/hexiaochun/SystemBarTint

第五步：修改代码

添加对toobar的支持：

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        if(toolbar != null) {
            setSupportActionBar(toolbar);
        }
}

添加修改状态栏颜色代码（仅对android4.4及以上才有用）：

//设定状态栏的颜色，当版本大于4.4时起作用
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            Window window = getWindow();
            // Translucent status bar
            window.setFlags(
                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,
                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            /*// Translucent navigation bar
            window.setFlags(
                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION,
                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);*/
            SystemBarTintManager tintManager = new SystemBarTintManager(this);
            tintManager.setStatusBarTintEnabled(true);
            //此处可以重新指定状态栏颜色
            tintManager.setStatusBarTintResource(R.color.colorPrimary);
        }

好了，大功告成。

最终效果：