随着越来越多的人注重Material Design，对于界面的设计也有了更高的要求，于是就出现了如下图那样的各种美丽界面

效果展示.png

着色模式的实现

因为这个设计是最常见的，所以就先谈它的实现方式。我们通过收集阅读一些前辈的资料，可以轻松的在4.4以上的系统实现这种效果。在此我就不在赘述了，具体的可以参考以下几篇文章：
Android 沉浸式状态栏攻略 让你的状态栏变色吧
Android App 沉浸式状态栏解决方案
Android-transulcent-status-bar
Android开发：Translucent System Bar 的最佳实践

通过上面几篇文章基本上可以实现着色模式。在此我就简单的总结一下：

方法一：

1.先在values文件夹下的styles.xml 文件中设置如下主题

<style name="BaseAppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

<style name="AppTheme" parent="@style/BaseAppTheme" />

2.在values-v19文件夹下的styles.xml 文件中设置如下主题

<style name="AppTheme" parent="@style/BaseAppTheme" >
    <!--状态栏透明-->
    <item name="android:windowTranslucentStatus">true</item>
</style>

3.将相应的Activity主题设置成为AppTheme

<activity android:name=".color.ColorActivity1"
    android:theme="@style/AppTheme">
</activity>

4.在Activity中对toolbar进行相关设置

Toolbar toolbar = (Toolbar) findViewById(R.id.id_toolbar);
// 必须的设置，不然会混淆状态栏
setSupportActionBar(toolbar);

最终的效果图如下（左边是4.4，右边是6.0）：

左边是4.4，右边是6.0.png

可以看出在4.4上的效果和在6.0上是不一样的。在5.0以上的可以通过直接修改主题中的colorPrimaryDark，就可以直接修改到状态栏的颜色。而想要在4.4上修改状态栏的颜色就需要做更多的工作了。具体怎么做请继续往下看。

方法二(借助工具类)：

因为该工具类比较完整，所以只用设置下面一句话就ok了

StatusBarUtil.setColor(ColorActivity2.this, getResources().getColor(R.color.colorPrimaryDark));

最终的效果图如下（左边是4.4，右边是6.0）：

左边是4.4，右边是6.0.png

在此可以看出4.4和6.0上的效果是一样的了，而且可以直接用代码设置状态栏的颜色。

图片模式的实现

图片模式的实现其实也不难，如果只是用于效果展示，按照着色模式的方法一就可以实现，当然借助开源的工具类也是很容易实现的。但是，想要做一些动画效果，似乎就比较困难了

动画.gif

在5.0以上可以借助开源项目的工具类实现，但是在4.4上似乎还没有找到好用的库。所以我自己琢磨了一下：
1.在values-v19文件夹下的styles.xml 文件中设置如下主题

 <style name="AppTheme.NoActionBar" parent="@style/BaseAppTheme">
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowIsTranslucent">true</item>
</style>

2.将相应的Activity主题设置成为AppTheme.NoActionBar

<activity android:name="com.whyalwaysmea.systembar.picture.PictureActivity2"
        android:theme="@style/AppTheme.NoActionBar">
</activity>  

3.在Activity中添加如下代码：

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        if (Build.VERSION.SDK_INT == Build.VERSION_CODES.KITKAT) {
            // 设置全屏，并且不会Activity的布局让出状态栏的空间
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN);
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
        }
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_picture2);
        // 使用工具类让在5.0以上的系统生效
        StatusBarUtil.setTransparent(this);
        // 这两句是在4.4系统上生效的关键
        CollapsingToolbarLayout toolbarLayout = (CollapsingToolbarLayout) findViewById(R.id.collapsingToolbarLayout);
        materialCollapsingForKitkat(toolbarLayout);
    }
    private void materialCollapsingForKitkat(final CollapsingToolbarLayout toolbarLayout) {
        if (Build.VERSION.SDK_INT == Build.VERSION_CODES.KITKAT) {

            // 设置Toolbar对顶部的距离
            final Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
            final FrameLayout.LayoutParams layoutParams = (FrameLayout.LayoutParams) toolbar
                    .getLayoutParams();
            layoutParams.topMargin = MeasureUtil.getStatusBarHeight(this);
        }
    }

通过这样的设置，在4.4以及4.4以上的系统上基本上就能够达到大多数效果了。

4.4效果图.gif

总结

不管是透明栏还是沉浸式，能够实现效果就是好的。但是由于本人能力有限，所以可能存在部分机型上会有不适配的效果，如果发生不适配的可以大家一起交流。如果有问题也可以大家一起交流。

附上本次总结的代码：
AndroidDemos

其他相关文章推荐：
Android 沉浸式状态栏攻略 让你的状态栏变色吧
Android App 沉浸式状态栏解决方案
Android-transulcent-status-bar
Android开发：Translucent System Bar 的最佳实践
Android 状态栏着色实践