美文网首页安卓开发学习安卓开发代码笔记
状态栏透明而实现 "沉浸式" 及兼容问题

状态栏透明而实现 "沉浸式" 及兼容问题

作者: _VITA | 来源:发表于2017-11-07 18:10 被阅读54次

    从我博客园搬过来的

    现在很流行ios式的状态栏(透明状态栏,网上说的有点玄乎:沉浸式布局)不过确实很酷炫.网上相关文章可多了 有点杂感觉,没什么逻辑感,我来试试。
    先上效果图吧;

    • 安卓5.0系统上加Flag直接实现透明状态栏,很简单


      drawable背景(5.0系统)
      图片背景(5.0),可见有一定压缩
    • 安卓4.3系统上 状态栏透明不了 所以一条黑黑的背景
    • 安卓4.4系统可以实现透明状态栏,但有可能半黑半透的透明状态栏。
    安卓4.4系统

    其实没那么复杂 思路上分"两步走"

    1. 状态栏变透明
    2. 状态栏下面的 ContentView设置padding_top 去重叠.

    补充知识点:
    ui层级关系:Activity>PhoneWindow(Framlaout)>DecorView(LinearLayout)>TitleView(我的理解是 StateBar和 ActionBar的容器)+ContentView+底部带Home键的一排ActionBar

    我们要处理的就是 DecorView.

    针对4.4系统,如何实现"两步走"

    第一步:实现透明状态栏

      <style name="MyAppCompatNoActionBar" parent="Theme.AppCompat.Light">
            <item name="windowActionBar">false</item>
            <item name="windowNoTitle">true</item>  // 前两个保持和application的theme一样  特别app没有的时候 activity不能有 会空指针
            <item name="android:windowIsTranslucent">true</item>   //xml实现透明状态栏 对于很多国产手机会失效 所以建议在java代码中再实现一遍
      </style>
    

    补充点:在manifest里面 需要透明栏的 activity的 theme设置为(Activity必须使用Theme.AppCompat主题及其子主题)
    android:theme="@style/MyAppCompatNoActionBar"

    第1.5步:java代码实现状态栏透明(自己封装的StatusBarUtils)

    @TargetApi(Build.VERSION_CODES.KITKAT)
        public static void setTransparentBar(Activity activity, @ColorInt int color, int alpha) {
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {//安卓5.0以上 加Flag直接实现透明状态栏
                Window window = activity.getWindow();
                View decorView = window.getDecorView();
                int option = View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                        | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                        | View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
                decorView.setSystemUiVisibility(option);
    
                int finalColor = alpha == 0 ? Color.TRANSPARENT :
                        Color.argb(alpha, Color.red(color), Color.green(color), Color.blue(color));
    
                window.setStatusBarColor(finalColor);
    
            } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){//安卓4.4以上 获取docoeView并给docoeView设置透明色
                Window window = activity.getWindow();
                window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
                ViewGroup decorView = (ViewGroup) window.getDecorView();
                int finalColor = alpha == 0 ? Color.TRANSPARENT :
                        Color.argb(alpha, Color.red(color), Color.green(color), Color.blue(color));
    
    
                decorView.addView(createStatusBarView(activity, finalColor));
    
            }//4.4一下实现不了。。
    
        }
    

    第二步:将要显示的页面挪下来,使之不遮挡状态栏

    (自己封装的StatusBarUtils)

    //获取状态栏高度
        public static int getStatusBarHeight(Context context) {
            int result = 0;
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
                int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
                if (resourceId > 0) {
                    result = context.getResources().getDimensionPixelSize(resourceId);
                }
            }
            return result;
        }
    

    要实现透明状态栏的view中:

     mIStatusHeight = StatusBarUtils.getStatusBarHeight(this);//会根据安卓版本返回不同值 4.4以下:0;4.4及4.4以上 返回系统statusbar高度
    
     mIToolbarHeightHome = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,48, getResources().getDisplayMetrics());//咱们要显示页面的第一个view的高度
    
     FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) mToolbar.getLayoutParams();
    
     lp.height = mIStatusHeight + mIToolbarHeightHome;//实际view的高度要加上statusbar的高度,因为后面要padingtop 减去statusbar的高度.
    
     mToolbar.setPadding(0, mIStatusHeight, 0, 0);//减去statusbar的高度.避免覆盖statusbar
    

    然后就完成啦~

    最后tip一个:对于4.4的vivo,无法实现透明状态栏.这是vivo手机系统设计的问题。

    相关文章

      网友评论

        本文标题:状态栏透明而实现 "沉浸式" 及兼容问题

        本文链接:https://www.haomeiwen.com/subject/jrijmxtx.html