首页 > 代码库 > Android状态栏着色

Android状态栏着色

2024-09-20 03:44:08   206人阅读

版权声明：本文为博主原创文章，未经博主允许不得转载。

前言

　　状态栏着色，也就是我们经常听到的沉浸式状态栏，关于沉浸式的称呼网上也有很多吐槽的，这里就不做过多讨论了，以下我们统称状态栏着色，这样我觉得更加容易理解。

　　从Android4.4开始，才可以实现状态栏着色，并且从5.0开始系统更加完善了这一功能，可直接在主题中设置<item name="colorPrimaryDark">@color/colorPrimaryDark</item>或者getWindow().setStatusBarColor(color)来实现，但毕竟4.4+的机器还有很大的占比，所以就有必要寻求其它的解决方案。

　　一般通过Android Studio新建项目时就实现了状态栏着色功能，不过只能在API>19的机型上正常显示。下面是通过Android studio新建项目时的默认样式代码：

styles.xml

技术分享

colors.xml

技术分享

AndroidManifest.xml

技术分享

而本文想要实现的效果是在API>19和API<19的机型上都兼容状态栏着色效果。

效果图

API>19API <=19
技术分享

 

 技术分享

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

代码分析

  • 首先将手机手机状态栏透明化

　　在values、values-v19、values-v21目录下分别创建相应的主题，然后在AndroidManifest.xml中给Application设置该主题。

　　技术分享 技术分享

  • 在布局文件中添加android:fitsSystemWindows="true"属性

　　我们使用android:fitsSystemWindows="true"属性，不让布局延伸到状态栏，这时状态栏就是透明的，然后添加一个和状态栏高、宽相同的指定颜色View来覆盖被透明化的状态栏。

  • 创建View并添加到状态栏

使用步骤

一、项目组织结构图

 技术分享

注意事项：

  • 导入类文件后需要change包名以及重新import R文件路径
  • values目录下的文件（strings.xml、dimens.xml、colors.xml等），如果项目中存在，则复制里面的内容，不要整个覆盖

二、使用方法

修改valus目录下的styles.xml文件

<resources>    <!--        Base application theme, dependent on API level. This theme is replaced        by AppBaseTheme from res/values-vXX/styles.xml on newer devices.    -->    <style name="AppBaseTheme" parent="android:Theme.Light.NoTitleBar">        <!--            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>    <!-- Application theme. -->    <style name="AppTheme" parent="AppBaseTheme">        <!-- All customizations that are NOT specific to a particular API-level can go here. -->    </style>    <!-- Android 状态栏着色 -->    <style name="TranslucentTheme" parent="AppTheme">    </style></resources>

添加\修改values-v19目录下的styles.xml文件

<resources>    <!--        Base application theme for API 19+. This theme completely replaces        AppBaseTheme from BOTH res/values/styles.xml and        res/values-v11/styles.xml on API 19+ devices.    -->    <style name="AppBaseTheme" parent="android:Theme.Light.NoTitleBar">        <!-- API 19 theme customizations can go here. -->    </style>        <!-- Android 状态栏着色 -->    <style name="TranslucentTheme" parent="AppTheme">        <item name="android:windowTranslucentStatus">true</item>        <item name="android:windowTranslucentNavigation">false</item>    </style></resources>

添加\修改values-v21目录下的styles.xml文件

<resources>    <!--        Base application theme for API 21+. This theme completely replaces        AppBaseTheme from BOTH res/values/styles.xml and        res/values-v11/styles.xml on API 21+ devices.    -->    <style name="AppBaseTheme" parent="android:Theme.Light.NoTitleBar">        <!-- API 21 theme customizations can go here. -->    </style>        <!-- Android 状态栏着色 -->    <style name="TranslucentTheme" parent="AppTheme">        <item name="android:windowTranslucentStatus">true</item>        <item name="android:windowTranslucentNavigation">false</item>        <item name="android:statusBarColor">@android:color/transparent</item>    </style></resources>

在values目录下的colors.xml文件中添加状态栏着色的颜色值代码

<?xml version="1.0" encoding="utf-8"?><resources>    <!-- Android 状态栏着色 -->    <color name="colorPrimary">#0164C5</color></resources>

在AndroidManifest.xml中给Application设置TranslucentTheme主题

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"          package="com.why.project.statusbarcolor">    <application        android:allowBackup="true"        android:icon="@mipmap/ic_launcher"        android:label="@string/app_name"        android:supportsRtl="true"        android:theme="@style/TranslucentTheme">        <activity android:name=".MainActivity">            <intent-filter>                <action android:name="android.intent.action.MAIN"/>                <category android:name="android.intent.category.LAUNCHER"/>            </intent-filter>        </activity>    </application></manifest>

在activity布局文件中的根节点元素中添加android:fitsSystemWindows="true"

<?xml version="1.0" encoding="utf-8"?><!-- Android 状态栏着色:android:fitsSystemWindows="true" --><RelativeLayout    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:id="@+id/activity_main"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="com.why.project.statusbarcolor.MainActivity"    android:fitsSystemWindows="true">    <TextView        android:layout_width="match_parent"        android:layout_height="56dp"        android:text="Hello World!"        android:textColor="#ffffff"        android:background="@color/colorPrimary"        android:gravity="center"/></RelativeLayout>

在Activity类中添加以下红色标记的代码

package com.why.project.statusbarcolor;

import android.app.Activity;
import android.content.Context;
import android.os.Build;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;

public class MainActivity extends Activity {

   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);

      /*==========Android 状态栏着色=============*/
      addStatusBarView();
   }

   /*==========Android 状态栏着色=============*/
   private void addStatusBarView() {
      int height;
      height = getStatusBarHeight(this);
      if (height <= 0) {
         return;
      }
      View view = new View(this);
      view.setBackgroundColor(getResources().getColor(R.color.colorPrimary));
      LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, height);
      ViewGroup decorView = (ViewGroup) findViewById(android.R.id.content);
      decorView.addView(view, params);
   }

   /**
    * 获取状态栏的高度
    * 19API以上 读取到状态栏高度才有意义
    */
   private int getStatusBarHeight(Context context) {
      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
         int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
         return resourceId > 0 ? context.getResources().getDimensionPixelSize(resourceId) : 0;
      } else {
         return 0;
      }
   }

}
注意：
  • Android studio新建的项目默认extends AppCompatActivity ！此处需要修改为extends Activity或者FragemntActivity或者自定义的activity基类。
  • 如果activity布局中含有fragment布局，那么在Activity含有以上代码的基础上只需要在fragment布局文件中添加上android:fitsSystemWindows="true"即可
混淆配置
无
参考资料
Android 状态栏着色实践
http://www.jianshu.com/p/bae25b5eb867
Android开发-状态栏着色原理和API版本兼容处理
http://blog.csdn.net/card361401376/article/details/61420830
项目demo下载地址
 链接：http://pan.baidu.com/s/1i4EtROp 密码：twrf
Android状态栏着色






























        

            
                
                  
                
                

                    联系

                    我们