• Android下多彩的StatusView的实现


    概述

    在上一个博文 Anroid沉浸式状态栏中提到了,画了一个图,这个图简单将我们的状态栏分为不同的2个维度来看状态栏。其中涉及的概念我不在赘诉,请返到Anroid沉浸式状态栏再去认识下这几个概念。本文中提到的[上节]就是Anroid沉浸式状态栏这篇文章。

    图1

    实现

    由于[上节]提到了基本的实现方法和一些基本概念,但是没有实际操作和演示,那我们现在就来一步步来去实现我们提到的三种状态栏的实现过程。

    全屏模式下的透明状态栏

    全屏模式下的透明状态栏,其他app实现这样方式我们肯定见过,如我们的启动页很多情况下就是全屏模式,但是这个还是和我们说的不太一样,不过今天我们介绍的这个是透明状态栏,但是仍然又有出入。

    如下图是网易新闻的启动页:

    但是不是我们需要的效果,这种是全屏模式时,当前页面获取焦点就显示一个有一定透明度的暗色状态栏。

    网易新闻这种才是真正的浸入式状态栏,这个沉浸式让郭神讲的很透彻 --Android状态栏微技巧,带你真正理解沉浸式模式


    我们希望的是小米天气的这种:

    内容部分可以延伸到状态栏,且状态栏是透明的,无背景色,也就是我们的全屏模式。

    按照我们上节拿来实践下。

    public static  void setFullSreen(Activity activity){
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
                // 设置透明状态栏,这样才能让 ContentView 向上
                activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    
            }
    }
    

    我将一个图片铺满contentView。

    这个截图是在4.4上完成的。

    但是在6.0上的效果还差强人意:

    这个是在我的N5手机上跑的,上面有灰色的阴影。不是完全透明,和我们的小气天气不太一样,好了还是用到上节的方法:

    public static  void setFullSreen(Activity activity){
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                Window window = activity.getWindow();
                window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
                        | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
                window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN| View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
                window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
                window.setStatusBarColor(Color.TRANSPARENT);
            }else
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
                // 设置透明状态栏,这样才能让 ContentView 向上
                activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    
            }
        }
    

    这样就可以使得状态栏也透明了。

    彩色状态栏

    可能有些人会迷惑,为什么我们要设置彩色状态栏,在5.0可以直接设置主题来设置的,我要告诉你的是我们希望4.4上也有彩色的状态栏。上节我们提到了彩色状态栏的实现方法:就是先设置为屏幕模式下的透明状态栏,再在透明状态栏的垂直下方放置一个和状态栏同样高宽的view,我们操作他这个空白view的颜色,即可实现彩色状态栏。

    好了我们贴出来我们的代码逻辑吧:

         /**
         *设置彩色的状态栏
         *
         * @param activity
         * @param color 状态栏需要设置的背景颜色
         * @param statusBarAlpha 状态栏需要设置的背景颜色的透明度
         */
        public static void setColor(Activity activity, @ColorInt int color, int statusBarAlpha){
    
            //先设置的全屏模式
            setFullSreen(activity);
            //在透明状态栏的垂直下方放置一个和状态栏同样高宽的view
            addStatusBarBehind(activity,color,statusBarAlpha);
    
    
        }
        /**
         * 添加了一个状态栏(实际上是个view),放在了状态栏的垂直下方
             */
        public static void addStatusBarBehind(Activity activity, @ColorInt int color, int statusBarAlpha) {
            //获取windowphone下的decorView
            ViewGroup decorView = (ViewGroup) activity.getWindow().getDecorView();
            int       count     = decorView.getChildCount();
            //判断是否已经添加了statusBarView
            if (count > 0 && decorView.getChildAt(count - 1) instanceof StatusBarView) {
                decorView.getChildAt(count - 1).setBackgroundColor(calculateStatusColor(color, statusBarAlpha));
            } else {
                //新建一个和状态栏高宽的view
                StatusBarView statusView = createStatusBarView(activity, color, statusBarAlpha);
                decorView.addView(statusView);
            }
            setRootView(activity);
        }
        
       /**
         * 设置根布局参数
         */
        private static void setRootView(Activity activity) {
            ViewGroup rootView = (ViewGroup) ((ViewGroup) activity.findViewById(android.R.id.content)).getChildAt(0);
            //rootview不会为状态栏流出状态栏空间
            ViewCompat.setFitsSystemWindows(rootView,false);
            rootView.setClipToPadding(true);
        }
    
    
        private static StatusBarView createStatusBarView(Activity activity, int color, int alpha) {
            // 绘制一个和状态栏一样高的矩形
            StatusBarView statusBarView = new StatusBarView(activity);
            LinearLayout.LayoutParams params =
                    new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, getStatusBarHeight(activity));
            statusBarView.setLayoutParams(params);
            statusBarView.setBackgroundColor(calculateStatusColor(color, alpha));
            return statusBarView;
        }
        
       /**
         * 获取状态栏高度
         *
         * @param context context
         * @return 状态栏高度
         */
        private static int getStatusBarHeight(Context context) {
            // 获得状态栏高度
            int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
            return context.getResources().getDimensionPixelSize(resourceId);
        }
        /**
         * 计算状态栏颜色
         *
         * @param color color值
         * @param alpha alpha值
         * @return 最终的状态栏颜色
         */
        private static int calculateStatusColor(int color, int alpha) {
            float a = 1 - alpha / 255f;
            int red = color >> 16 & 0xff;
            int green = color >> 8 & 0xff;
            int blue = color & 0xff;
            red = (int) (red * a + 0.5);
            green = (int) (green * a + 0.5);
            blue = (int) (blue * a + 0.5);
            return 0xff << 24 | red << 16 | green << 8 | blue;
        }
    
    

    其中状态栏的view就是一个简单的view,贴出来的这个类吧:

    
    public class StatusBarView extends View {
    
    
    	public StatusBarView(Context context, AttributeSet attrs,int style) {
            super(context, attrs,style);
        }    
        
        public StatusBarView(Context context, AttributeSet attrs) {
            super(context, attrs);
        }
    
        public StatusBarView(Context context) {
            super(context);
        }
        
    }
    
    

    搞定,我们就可以来动态改变状态栏的颜色了。

    calculateStatusColor 方法中的alpha是0-255的,0的时候其实是不透明的,当设置255相当于statusview背景透明,即为默认色黑色。

    可用的函数是 public static void setColor(Activity activity, @ColorInt int color, int statusBarAlpha)setFullSreen

    小结

    Now现在这个工具类就算是OK,对于代码的侵入基本上为零,直接拿来当工具类,不用改主题,简单易容用。也为大家提供一个思路,这个只是实现的基本功能,一些复杂的定制的情况,可以随机应变,自由组合使用。

    实现状态栏,无非是将4.4-5.0 和5.0+的分别实现,当然配合decorview和 ViewCompat.setFitsSystemWindows(view,boolean)使用效果更佳。

    拓展阅读

    在改变状态栏颜色时,我们需要注意的是默认的状态栏字体颜色都是黑色的,但是若是背景为暗色,上面的时间、电量等还等看到很清晰,但是若是遇到了全屏模式下状态栏垂直下方的view是白色的或者接近白色,那岂不是看不见状态栏上的字么?

    是的!
    所以有人提出需要改状态栏的字体颜色了,这个在知乎上火了一阵,所以把这个拓展部分留一个知乎的链接 ----android开发,修改状态栏字体颜色?

  • 相关阅读:
    树莓派更新失败【sudo rpi-update】
    树莓派连接显示器没反应
    Linux命令
    Ansys Fluent报错:an error or interrupt occurred while reading the journal file
    Ansys Fluent从cmd命令行中打开后无法编译UDF【解决】
    Ansys Fluent中动网格运动时,网格被挤压和拉伸,不能及时重画网格而报错【解决】
    ANSYS Fluent中动网格里Event(事件)选项为灰色不可选【解决】
    ANSYS ICEM导入step模型报错【解决】
    win10关闭任务栏程序最近显示
    MATLAB %% 不分节
  • 原文地址:https://www.cnblogs.com/Cyning/p/android.html
Copyright © 2020-2023  润新知