android沉浸式状态栏StatusBar在不同Window下的实现

布满荆棘的人生 2022-06-14 09:38 381阅读 0赞

## android沉浸式状态栏StatusBar在不同Window下的实现 ##

### StatusBar沉浸式的2种实现方式 ###

对于沉浸式状态栏的实现，我觉得有**两种实现方式**。

一是：**将状态栏的颜色和状态栏下面的View颜色保持一致或相近**。如图：

![image][]

二是：**将View充满全屏，状态栏覆盖在View上，将状态栏设置为透明色**。

![image][image 1]

### StatusBar沉浸式实现的真相 ###

我们使用Android Studio的提供的截图工具Layout Inspector工具分析可以知道，实际上显示时间、信号等SystemBar是系统级别的一个Window（悬浮窗）。而StatusBar是SystemBar下面的View，是DecorView的一部分。我们通常设置StatusBar的颜色其实就是给SystemBar覆盖的StatusBar设置一个背景色。

LayoutInspetor工具的截图：

![image][image 2]

由上图可知，StatusBar是DecorView的一部分，是一个View设置了背景色，没有系统的时间、信号等信息。

所以我们所设置状态栏的颜色，就是设置DecorView中的StatusBar的View的颜色。

![image][image 3]

上图说明：ImageView占满了怎个DecorView，没有StatusBar。

### StatusBar的在不同Window上的实现 ###

我们不管是Activity，Fragment还是在DialogFragment以及Window悬浮窗，都是有可能有使用沉浸式状态栏的。那么如何实现呢，以下实现是基于Android5.0以上，对Android4.4不兼容？

#### 1. Activity和Fragment实现StatusBar的沉浸式 ####

Activity和Fragment的实现StatusBar沉浸式的方式是一样的，我们知道Activity是依附于Window的，具体实现是PhoneWindow的DecorView。Fragment是依附于Activity的，所以可以通过获取Activity，在获取Window。来实现修改StatusBar的颜色。下面以Activity为例来分别看下2种实现方式，Fragment的实现方式会在[demo][]的中分享到github上，不在此列举。

*  方式一：

public class MutilStatusBarActivity extends Activity { 
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            getWindow().requestFeature(Window.FEATURE_NO_TITLE);
            super.onCreate(savedInstanceState);
            StatusBarManager.getInstance().setStatusBar(getWindow(), Color.parseColor("#dd0000"));
            setContentView(R.layout.activity_text);
            final TextView imageView = (TextView) findViewById(R.id.image);
            imageView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    ViewHelperUtils.click(getWindow(), imageView);
                }
            });
        }
    }

*  方式二：

public class ImageStatusBarActivity extends Activity { 
    
        @Override
        protected void onCreate(@Nullable Bundle savedInstanceState) {
            getWindow().requestFeature(Window.FEATURE_NO_TITLE);
            super.onCreate(savedInstanceState);
            StatusBarManager.getInstance().setActivityWindowStyle(getWindow());
            StatusBarManager.getInstance().setStatusBar(getWindow(), Color.TRANSPARENT);
            setContentView(R.layout.common_image);
            initView();
        }
    
        private void initView() {
            ImageView imageView = (ImageView) findViewById(R.id.second_image);
            ViewHelperUtils.setImageViewBitmap(imageView);
        }
    }

这里封装了2个类。

StatusBarManager：设置StatusBar的核心类

public class StatusBarManager { 
 private final static StatusBarManager ourInstance = new StatusBarManager();
 
 public static StatusBarManager getInstance() {
 return ourInstance;
 }
 
 private StatusBarManager() {
 }
 
 /** * 设置StatusBar字体颜色 * * 参数true表示StatusBar风格为Light，字体颜色为黑色 * 参数false表示StatusBar风格不是Light，字体颜色为白色 * * <item name="android:windowLightStatusBar">true</item> * 在theme或style中使用这个属性改变StatusBar的字体颜色，这种形式相对不灵活 */
 @TargetApi(Build.VERSION_CODES.M)
 public void setStatusBarTextColor(Window window, boolean lightStatusBar) {
 if (window == null) return;
 View decor = window.getDecorView();
 int ui = decor.getSystemUiVisibility();
 if (lightStatusBar) {
 ui |= View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR;
 } else {
 ui &= ~View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR;
 }
 decor.setSystemUiVisibility(ui);
 }
 
 /** * 设置StatusBar的颜色 */
 @TargetApi(Build.VERSION_CODES.LOLLIPOP)
 public void setStatusBar(Window window, @ColorInt int color) {
 if (window == null) return;
 window.setStatusBarColor(color);
 }
 
 /** * 设置Dialog风格的Window的背景色 * * 这个和设置StatusBar的颜色有区别的，它是设置一个Window背景色， * 这时StatusBar和Window的背景色保持一致，如果StatusBar下面的View背景色改变，会就盖住Window的背景色，界面就会丑陋， * 如果想做到沉浸式，除非将StatusBar下面的View的颜色和Window的背景色同时改变 */
 @TargetApi(Build.VERSION_CODES.LOLLIPOP)
 public void setDialogWindowStyle(Window window, @ColorInt int color) {
 if (window == null) return;
 window.setBackgroundDrawable(new ColorDrawable(color));
 window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
 window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
 window.addFlags(WindowManager.LayoutParams.FLAG_LAYOUT_INSET_DECOR);
 window.addFlags(WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN);
 }
 
 /** * 设置Dialog风格的Window的StatusBar的颜色 * * 这种实现方式是将原本在StatusBar下面的View，直接固定到屏幕最上面， * 这时StatusBar盖在View的上面，这时对View设置背景色，就像是沉浸式了 */
 @TargetApi(Build.VERSION_CODES.LOLLIPOP)
 public void setDialogWindowStyle2(Window window) {
 if (window == null) return;
 window.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));//设置window背景色为透明色
 setActivityWindowStyle(window);
 }
 
 /** * 设置Activity风格的Window的StatusBar的颜色 * * 这种实现方式是将原本在StatusBar下面的View，直接固定到屏幕最上面， * 这时StatusBar盖在View的上面，如果这个View的背景设置的是一张图片，可以显示出很好的沉浸式效果。 * 如果View有图片，不要设置这个Window的属性，直接调用setStatusBar()方法 */
 @TargetApi(Build.VERSION_CODES.LOLLIPOP)
 public void setActivityWindowStyle(Window window) {
 if (window == null) return;
 window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
 window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
 window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE |
 View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION);
 }
 
 
 /** * 通过WindowManager来设置沉浸式状态 * * 通过指定window的位置params.y来设置沉浸式， * 这里的params.height是WRAP_CONTENT，才有效果， * 如果是MATCH_PARENT会显示在最上面。 */
 @TargetApi(Build.VERSION_CODES.LOLLIPOP)
 public void setWindowManagerStyle(final Window window, View view, boolean fullScreen) {
 if (window == null) return;
 WindowManager manager = window.getWindowManager();
 WindowManager.LayoutParams params = window.getAttributes();
 params.alpha = 1.0f;
 params.width = WindowManager.LayoutParams.MATCH_PARENT;
 params.height = fullScreen ? WindowManager.LayoutParams.MATCH_PARENT : WindowManager.LayoutParams.WRAP_CONTENT;
 params.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
 | WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS
 | WindowManager.LayoutParams.FLAG_LAYOUT_INSET_DECOR
 | WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN;
 params.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT;
 params.format = PixelFormat.RGBA_8888;
 params.gravity = Gravity.START | Gravity.TOP;
 params.x = 0;
 params.y = fullScreen ? 0 : getStatusBarHeight(window.getContext());
 manager.addView(view, params);
 }
 
 public int getStatusBarHeight(Context context) {
 // 获得状态栏高度
 int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
 return context.getResources().getDimensionPixelSize(resourceId);
 }
 
 }

ViewHelperUtils：对View操作控制的类

public class ViewHelperUtils { 
    
        private final static int RED = 0;
        private final static int YELLOW = 1;
        private final static int GREEN = 2;
        private final static int BLUE = 3;
        private final static int WHITE = 4;
        private final static int BLACK = 5;
        private static int color = RED;
    
        public static void click(Window window, TextView textView) {
            color++;
            StatusBarManager.getInstance().setStatusBarTextColor(window, false);
            textView.setTextColor(Color.WHITE);
            switch (color) {
                case RED:
                    textView.setBackgroundColor(Color.RED);
                    if (!window.isFloating()) {
                        StatusBarManager.getInstance().setStatusBar(window, Color.parseColor("#dd0000"));
                    } else {
                        window.setBackgroundDrawable(new ColorDrawable(Color.parseColor("#dd0000")));
                    }
                    break;
                case YELLOW:
                    textView.setBackgroundColor(Color.YELLOW);
                    StatusBarManager.getInstance().setStatusBarTextColor(window, true);
                    textView.setTextColor(Color.BLACK);
                    if (!window.isFloating()) {
                        StatusBarManager.getInstance().setStatusBar(window, Color.parseColor("#ffdd00"));
                    } else {
                        window.setBackgroundDrawable(new ColorDrawable(Color.parseColor("#ffdd00")));
                    }
                    break;
                case GREEN:
                    textView.setBackgroundColor(Color.GREEN);
                    if (!window.isFloating()) {
                        StatusBarManager.getInstance().setStatusBar(window, Color.parseColor("#00dd00"));
                    } else {
                        window.setBackgroundDrawable(new ColorDrawable(Color.parseColor("#00dd00")));
                    }
                    break;
                case BLUE:
                    textView.setBackgroundColor(Color.BLUE);
                    if (!window.isFloating()) {
                        StatusBarManager.getInstance().setStatusBar(window, Color.parseColor("#0000dd"));
                    } else {
                        window.setBackgroundDrawable(new ColorDrawable(Color.parseColor("#0000dd")));
                    }
                    break;
                case WHITE:
                    textView.setBackgroundColor(Color.WHITE);
                    StatusBarManager.getInstance().setStatusBarTextColor(window, true);
                    textView.setTextColor(Color.BLACK);
                    if (!window.isFloating()) {
                        StatusBarManager.getInstance().setStatusBar(window, Color.parseColor("#ffffdd"));
                    } else {
                        window.setBackgroundDrawable(new ColorDrawable(Color.parseColor("#ffffdd")));
                    }
                    break;
                case BLACK:
                    textView.setBackgroundColor(Color.BLACK);
                    if (!window.isFloating()) {
                        StatusBarManager.getInstance().setStatusBar(window, Color.parseColor("#333333"));
                    } else {
                        window.setBackgroundDrawable(new ColorDrawable(Color.parseColor("#333333")));
                    }
                    color = -1;
                    break;
            }
        }
    
        public static void setImageViewBitmap(ImageView imageView) {
            String path = Environment.getExternalStorageDirectory().getAbsolutePath();
            path = path + "/1.jpg";
            Bitmap bitmap = BitmapFactory.decodeFile(path);
            imageView.setImageBitmap(bitmap);
        }
    }

--------------------

#### 2. DialogFragment实现StatusBar的沉浸式 ####

*  方式一：

public class MutilDialogFragment extends DialogFragment { 
    
        public static MutilDialogFragment newInstance() {
            return new MutilDialogFragment();
        }
    
        public static void showAdDialog(FragmentManager fragmentManager) {
            FragmentTransaction ft = fragmentManager.beginTransaction();
            MutilDialogFragment prev = (MutilDialogFragment) fragmentManager.findFragmentByTag("dialog");
            if (prev != null) {
                if (prev.isVisible()) {
                    prev.dismiss();
                }
                ft.remove(prev);
            }
            ft.addToBackStack(null);
            MutilDialogFragment adDialogFragment = MutilDialogFragment.newInstance();
            adDialogFragment.show(ft, "dialog");
    
        }
    
    
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
        }
    
        @Override
        public void onStart() {
            super.onStart();
            DisplayMetrics dm = new DisplayMetrics();
            if (getActivity() != null) {
                getActivity().getWindowManager().getDefaultDisplay().getMetrics(dm);
            }
            Dialog dialog = getDialog();
            if (dialog != null) {
                Window window = dialog.getWindow();
                if (window != null) {
                    //设置DialogFragment撑满屏幕
                    window.setLayout(WindowManager.LayoutParams.MATCH_PARENT, WindowManager.LayoutParams.MATCH_PARENT);
                }
            }
        }
    
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
            getDialog().requestWindowFeature(Window.FEATURE_NO_TITLE);
            //设置Dialog的Window样式或风格
            StatusBarManager.getInstance().setDialogWindowStyle(getDialog().getWindow(), Color.parseColor("#dd0000"));
            View view = LayoutInflater.from(getActivity()).inflate(R.layout.activity_text, container);
            final TextView textView = (TextView) view.findViewById(R.id.image);
            textView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    ViewHelperUtils.click(getDialog().getWindow(), textView);
                }
            });
            return view;
        }
    }

*  方式二：

public class ImageDialogFragment extends DialogFragment { 
    
        public static ImageDialogFragment newInstance() {
            return new ImageDialogFragment();
        }
    
        public static void showAdDialog(FragmentManager fragmentManager) {
            FragmentTransaction ft = fragmentManager.beginTransaction();
            ImageDialogFragment prev = (ImageDialogFragment) fragmentManager.findFragmentByTag("dialog");
            if (prev != null) {
                if (prev.isVisible()) {
                    prev.dismiss();
                }
                ft.remove(prev);
            }
            ft.addToBackStack(null);
            ImageDialogFragment adDialogFragment = ImageDialogFragment.newInstance();
            adDialogFragment.show(ft, "dialog");
        }
    
    
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
        }
    
        @Override
        public void onStart() {
            super.onStart();
            DisplayMetrics dm = new DisplayMetrics();
            if (getActivity() != null) {
                getActivity().getWindowManager().getDefaultDisplay().getMetrics(dm);
            }
            Dialog dialog = getDialog();
            if (dialog != null) {
                Window window = dialog.getWindow();
                if (window != null) {
                    window.setLayout(WindowManager.LayoutParams.MATCH_PARENT, WindowManager.LayoutParams.MATCH_PARENT);
                }
            }
        }
    
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
            getDialog().requestWindowFeature(Window.FEATURE_NO_TITLE);
            StatusBarManager.getInstance().setDialogWindowStyle2(getDialog().getWindow());
            View view = inflater.inflate(R.layout.common_image, container, false);
            ImageView imageView = (ImageView) view.findViewById(R.id.second_image);
            ViewHelperUtils.setImageViewBitmap(imageView);
            return view;
        }
    }

--------------------

#### 3. Window实现StatusBar的沉浸式 ####

*  方式一：

public void windowMutil(View view) {
        final Window window = getWindow();
        StatusBarManager.getInstance().setStatusBar(window, Color.parseColor("#dd0000"));
        View v = LayoutInflater.from(getApplicationContext()).inflate(R.layout.activity_text2, null);
        final TextView textView = (TextView) v.findViewById(R.id.text);
        textView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ViewHelperUtils.click(window, textView);
            }
        });
        StatusBarManager.getInstance().setWindowManagerStyle(window, v, false);
    }

*  方式二：

public void windowImage(View view) {
        View v = LayoutInflater.from(getApplicationContext()).inflate(R.layout.common_image, null);
        ImageView imageView = (ImageView) v.findViewById(R.id.second_image);
        ViewHelperUtils.setImageViewBitmap(imageView);
        StatusBarManager.getInstance().setWindowManagerStyle(getWindow(), v, true);
    }

[Github地址：android沉浸式状态栏StatusBar在多种Window的实现][demo]

[image]: http://oe9ggtbcb.bkt.clouddn.com/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20170616115111.png
[image 1]: http://oe9ggtbcb.bkt.clouddn.com/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20170616115116.jpg
[image 2]: http://oe9ggtbcb.bkt.clouddn.com/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20170616123325.png
[image 3]: http://oe9ggtbcb.bkt.clouddn.com/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20170616123328.png
[demo]: https://github.com/zhang3550545/StatusBar