zoukankan      html  css  js  c++  java
  • 关于如何实现Android透明状态栏的总结

    开门见山。
    原来做的效果,如下图(顶部有一条明显的橙色状态栏):


     
    a1.gif

    改过之后(顶部状态栏是透明的):


     
    p2.gif

    我发现网上写的一些文章,不够简洁明了,我整理了一下,复制粘贴一下就可以在项目中运用。

    首先,在你的Activity中添加下面四个方法(或者封装在一个工具类中)

       /**
         * 全透状态栏
         */
        protected void setStatusBarFullTransparent() {
            if (Build.VERSION.SDK_INT >= 21) {//21表示5.0
                Window window = getWindow();
                window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
                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 >= 19) {//19表示4.4
                getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
                //虚拟键盘也透明
                //getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
            }
        }
    
        /**
         * 半透明状态栏
         */
        protected void setHalfTransparent() {
    
            if (Build.VERSION.SDK_INT >= 21) {//21表示5.0
                View decorView = getWindow().getDecorView();
                int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
                decorView.setSystemUiVisibility(option);
                getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    
            } else if (Build.VERSION.SDK_INT >= 19) {//19表示4.4
                getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
                //虚拟键盘也透明
                // getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
            }
        }
    
        /**
         * 如果需要内容紧贴着StatusBar
         * 应该在对应的xml布局文件中,设置根布局fitsSystemWindows=true。
         */
        private View contentViewGroup;
    
        protected void setFitSystemWindow(boolean fitSystemWindow) {
            if (contentViewGroup == null) {
                contentViewGroup = ((ViewGroup) findViewById(android.R.id.content)).getChildAt(0);
            }
            contentViewGroup.setFitsSystemWindows(fitSystemWindow);
        }
    
        /**
         * 为了兼容4.4的抽屉布局->透明状态栏
         */
        protected void setDrawerLayoutFitSystemWindow() {
            if (Build.VERSION.SDK_INT == 19) {//19表示4.4
                int statusBarHeight = getStatusHeight(this);
                if (contentViewGroup == null) {
                    contentViewGroup = ((ViewGroup) findViewById(android.R.id.content)).getChildAt(0);
                }
                if (contentViewGroup instanceof DrawerLayout) {
                    DrawerLayout drawerLayout = (DrawerLayout) contentViewGroup;
                    drawerLayout.setClipToPadding(true);
                    drawerLayout.setFitsSystemWindows(false);
                    for (int i = 0; i < drawerLayout.getChildCount(); i++) {
                        View child = drawerLayout.getChildAt(i);
                        child.setFitsSystemWindows(false);
                        child.setPadding(0,statusBarHeight, 0, 0);
                    }
    
                }
            }
        }
    

    然后,在Activity的onCreate()方法中调用即可。示例如下

    Activity

    public class TestActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_test);
    
            setHalfTransparent();
            setFitSystemWindow(false);
        }
    
        protected void setHalfTransparent()...
        protected void setStatusBarFullTransparent()...
        protected void setFitSystemWindow()...
        protected void setDrawerLayoutFitSystemWindow()...
    }
    
    

    布局文件

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout android:id="@+id/drawerLayout"
                  xmlns:android="http://schemas.android.com/apk/res/android"
                  android:layout_width="match_parent"
                  android:layout_height="match_parent"
                  android:background="@drawable/bg_start">
    
    
        <Button
            android:id="@+id/button"
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:layout_marginLeft="50dp"
            android:background="#F86254"
            android:text="button"
            android:textColor="@color/white" />
    
    </LinearLayout>
    

    1.未做任何设置

    可见,Android5.0以上由于默认是Material Design,顶部是蓝色状态栏。而5.0以下,默认都是黑色,而且无法修改。


     
    nothing.png

    2.半透明状态栏,fitsSystemWindows=false

    @Override
    public void init(Bundle savedInstanceState) {
        setHalfTransparent();
        setFitSystemWindow(false);
    }
    
     
    half_not_fit.png

    可见,5.0以上蓝色状态栏没了,变成了半透明的黑色,而内容区域则有了全屏的效果。
    但是也要知道一点,那个红色的TextView,原来是紧贴着状态栏,现在是紧贴着屏幕的上边缘,这样就导致,内容被遮挡。解决这个问题需要一个关键的属性是setFitSystemWindow=true,追踪源码可知,它可以让我们的布局,paddingTop等于状态栏的高度,这样红色TextView的位置就会向下移,从而不会被遮挡。

    3.半透明状态栏,fitsSystemWindows=true

    @Override
    public void init(Bundle savedInstanceState) {
        setHalfTransparent();
        setFitSystemWindow(true);
    }
    
     
    half_fit.png

    此时红色的TextView,位于状态栏下方。

    4.全透明状态栏,fitsSystemWindows=false

    setStatusBarFullTransparent();
    setFitSystemWindow(false);
    
     
    full_no_fit.png

    全透明和半透明的区别在于,状态栏是否具有淡黑色的背景,根据项目需求合理运用。

    5.全透明状态栏,fitsSystemWindows=true

    setStatusBarFullTransparent();
    setFitSystemWindow(true);
    
     
    full_fit.png

    6.DrawerLayout如何使用

    直接使用上述方式,在4.4系统上会出现异常,因此我们需要进行适配。
    修改xml文件,DrawerLayout需要添加fitsSystemWindows和clipToPadding属性,DrawerLayout布局里的一级布局,都需设置fitsSystemWindows=true。

    <?xml version="1.0" encoding="utf-8"?>
    <android.support.v4.widget.DrawerLayout android:id="@+id/drawerLayout"
                                            xmlns:android="http://schemas.android.com/apk/res/android"
                                            android:layout_width="match_parent"
                                            android:fitsSystemWindows="true"
                                            android:clipToPadding="false"
                                            android:layout_height="match_parent">
    
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fitsSystemWindows="true"
            android:background="@drawable/bg_start"
            android:orientation="vertical">
    
    
            <Button
                android:id="@+id/button"
                android:layout_width="100dp"
                android:layout_height="wrap_content"
                android:background="#F86254"
                android:text="show"
                android:textColor="@color/white" />
    
        </RelativeLayout>
    
        <FrameLayout
            android:id="@+id/sideLayout"
            android:layout_width="300dp"
            android:fitsSystemWindows="true"
            android:layout_height="match_parent"
            android:layout_gravity="end"
            android:background="@drawable/bg_test">
    
            <Button
                android:layout_width="100dp"
                android:layout_height="30dp"
                android:background="#F86254"
                android:text="button"
                android:textColor="@color/white" />
        </FrameLayout>
    
    </android.support.v4.widget.DrawerLayout>
    
    1. 全透明状态栏,fitsSystemWindows=false
    setStatusBarFullTransparent();
    
     
    drawerlayout_nofit.png
    1. DrawerLayout全透明状态栏,fitsSystemWindows=true
    setStatusBarFullTransparent();
    setDrawerLayoutFitSystemWindow();
    
     
    drawerlayout.png

    7.可能会错误的地方

    本来我们有一个界面:


     
     

    然后按照上面的,添加了代码之后

    setStatusBarFullTransparent();
    setFitSystemWindow(true);
    
     
    image.png

    然后你提刀来问楼主,这是什么鬼!!!
    说好的透明状态栏呢,怎么状态栏背景色是白色的!


     
     

    确实是全屏了,状态栏也透明了,只是由于,根布局没设置背景色,默认的背景色白色,所以你看到的灰色状态栏底色,其实是根布局的TopPadding。


     
     

    8.Activity中嵌套了Fragment,如何使用

    另附一张效果图:


     
     

    在Activity中设置setStatusBarFullTransparent(),然后在fragment的xml文件中(这边写的粗糙,应该在代码中,获取StatusBar高度然后设置paddingTop):

     
     

    有兴趣可以可以琢磨一下,为什么这么写,正所谓:学而不思则罔,思而不学则殆。

    9.问题

    这个方案总体来说其实不是很好,会导致过度绘制,如果对性能要求不是很严苛,可以选择该方案。



    作者:桂林的小河
    链接:https://www.jianshu.com/p/e89ee0a77bb5
    來源:简书
    简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。
  • 相关阅读:
    WEB上传大文件
    Java+超大文件上传
    php+文件夹上传
    php上传视频大文件
    每一个程序猿需掌握的20个代码命名小贴士
    Mysql整数运算NULL值处理注意点
    拓展欧几里得模板
    bzoj 1088 简单dfs
    决策树
    进程-IPC 管道 (一)
  • 原文地址:https://www.cnblogs.com/Im-Victor/p/9776667.html
Copyright © 2011-2022 走看看