zoukankan      html  css  js  c++  java
  • 状态栏透明而实现 "沉浸式" 及兼容问题

    ---恢复内容开始---

    拖了好久  终于有空可以把这个新学的东西输出出来了.也是为了以后可以回来看看吧.

    现在很流行ios式的状态栏  不过确实很酷炫.网上相关文章可多了 有点杂感觉都没太点透 ,我来试试能不能点透一点点.

    先上图吧;

    1:xml背景(5.0)

    2:图片背景(5.0)

    3:xml背景(5.0)

    4.安卓4.3系统上 状态栏透明不了 所以一条黑黑的背景  android studio传不上来

    4.4系统的手机上实现效果也不错 这也就可以说满足  实现了据说的  "沉浸式"顶部栏吧.

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

    1:状态栏变透明

    2:状态栏下面的 contentview设置padding_top 去重叠.

    补充知识点:

    ui层级关系:activity>phoneWindow(Framlaout)>decorView(LinearLayout)>titleView(我的理解是 statebar和 actionbar的容器)+ContentView+ActionBar

    我们要处理的就是 decorView.

    先说4.4如何实现"两步走"

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

                android:theme="@style/MyAppCompatNoActionBar"

     第一步:实现透明状态栏

       <style name="MyAppCompatNoActionBar" parent="Theme.AppCompat.Light">
            <item name="windowActionBar">false</item>
            <item name="windowNoTitle">true</item>                                 // 前两个保持和application的theme一样  特别app没有的时候 activity不能有 会空指针
                            //   <item name="android:windowBackground">@android:color/transparent</item>                //  设置启动页面的初始页面  跟两步走  没关系!!!!   但是感觉有点意思  下面推荐个链接详解这个
            <item name="android:windowIsTranslucent">true</item>                          //xml实现透明状态栏 对于很多国产手机会失效 所以建议在java代码中再实现一遍
        </style>

    (详解windowbackground:             http://blog.chengyunfeng.com/?p=741)

    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

    view可以设置图片也可以设置xml;图片考虑压缩变形问题

     然后就完成啦~

    最后tip一个:对于4.4的vivo,无法实现透明状态栏.亲测.

  • 相关阅读:
    堆栈(线性表)
    链表 -- 循环链表(线性表)
    链表 -- 单向链表(线性表)
    排序算法--归并算法(强分治)
    sqlhelper
    sqlite与sqlserver区别
    常用sql集锦
    外出实施问题总结
    JS深入理解系列(一):编写高质量代码
    通用分页(Jquery版)
  • 原文地址:https://www.cnblogs.com/vitabebeauty/p/7459692.html
Copyright © 2011-2022 走看看