Android一篇洞悉沉浸式状态栏

1、What?

所谓沉浸式状态栏,现在也是一个老生长谈的问题了,至于究竟叫不叫沉浸式状态栏,咱们暂且不在此讨论。先说一下其来源。
Google 在 Android 4.4 的 API 描述页面里提到了“Translucent system UI styling”,即半透明化的系统UI风格。
这个“半透明化”包括了状态栏和通知栏,当开发者让应用支持这个新特性的时候,状态栏和导航栏可以单独/同时变为渐变的半透明样式。
例如现在的qq沉浸式效果:
qq沉浸式效果

2、why

“沉浸式状态栏”准确来说应该是“透明栏”,英文名“Translucent Bars”,是Android 4.4 新定义的设计规范。
简单来说就是在软件打开的时候通知栏和软件顶部颜色融为一体,这样可以使软件和系统本身更加融为一体,同时通知栏的颜色不再是白色、黑色简单的两种了。说白了,没啥大用,只是感觉这玩意更美观,跟系统更贴合。
所以刚退出这个概念的时候,有些大佬还在讨论,这个东西到底是改有厂家系统定制呢,还是由手机端开发者定制呢,事实证明:苦逼的背锅者永远是开发者。
对比一下沉浸式与非沉浸式:

美团界面

今日头疼界面
个人感觉:究竟哪种样式更适合,纯粹是产品经理的喜好问题,对于咱们来说就是兵来将挡水来土掩,只有按照产品的要求走,才有肉吃哦。。。(ps:如果你觉得非沉浸式比较好,这时候不妨给产品一个眼神,自己体会哦。。。)
这里写图片描述

3、how

说了这么多,到底该怎么用呢,这才是重点,开始撸吧,这里给大家说几种方式,具体使用哪一种,就看各位的喜好了。


第一种:这种方式是最简单的方式,分分钟搞定。google官方提供的方式

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        //透明状态栏
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }
    }

但是还需要在顶层view中添加上这两句,不然的话会有奇迹发生,不信可以自己试一试
直接上布局:

<?xml version="1.0" encoding="utf-8"?>
<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:orientation="vertical"
    tools:context="daily.smartdot.com.mine.MainActivity">
    <TextView
        android:fitsSystemWindows="true"
        android:clipToPadding="true"
        android:layout_width="match_parent"
        android:background="@color/colorAccent"
        android:text="我是测试状态栏"
        android:textSize="20sp"
        android:layout_height="wrap_content"></TextView>
    <ImageView
        android:layout_width="match_parent"
        android:background="@mipmap/splash_logo"
        android:layout_height="match_parent" />

</LinearLayout>

是在textView中加的哦。
附上效果图:
测试图片


第二种方式:对PhoneWindow界面了解的都知道,DecorView为整个PhoneWindow界面的最顶层View。我们只需要对起进行操作,找到(android.R.id.content),然后给contentView的子View重新着色处理即可,直接上代码:

 private static final int INVALID_VAL = -1;

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public static View compat(Activity activity, int statusColor) {
        int color = ContextCompat.getColor(activity, R.color.colorPrimaryDark);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            if (statusColor != INVALID_VAL) {
                color = statusColor;
            }
            activity.getWindow().setStatusBarColor(color);
            return null;
        }

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT
                && Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
            ViewGroup contentView = (ViewGroup) activity.findViewById(android.R.id.content);
            if (statusColor != INVALID_VAL) {
                color = statusColor;
            }
            View statusBarView = contentView.getChildAt(0);
            if (statusBarView != null && statusBarView.getMeasuredHeight() == getStatusBarHeight(activity)) {
                statusBarView.setBackgroundColor(color);
                return statusBarView;
            }
            statusBarView = new View(activity);
            ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                    getStatusBarHeight(activity));
            statusBarView.setBackgroundColor(color);
            contentView.addView(statusBarView, lp);
            return statusBarView;
        }
        return null;

    }

    public static void compat(Activity activity) {
        compat(activity, INVALID_VAL);
    }


    public static int getStatusBarHeight(Context context) {
        int result = 0;
        int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
        if (resourceId > 0) {
            result = context.getResources().getDimensionPixelSize(resourceId);
        }
        return result;
    }
在对应的activity里直接调用即可
   @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        //透明状态栏
        StatusBarCompat.compat(this, ContextCompat.getColor(this, R.color.colorPrimaryDark));
        transparent19and20();//单独处理4.4 4.4可能会有问题
    }
    protected void transparent19and20() {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT
                && Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }
    }

效果图

第三种方式:直接引入开源项目即可,用到的时候可以自己研究。附上地址;
SystemBarTint

有什么好的想法和交流意见欢迎留言。。。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值