Android在代码中设置状态栏半透明/全透明

2018-12-16 18:14:23


参考网站  Android在代码中设置状态栏半透明/全透明


开发中为了美观需要将状态栏设置为半透明/全透明, 多个界面需求不同,所以需要在代码中来根据不同情况设置


设置之前你需要知道:默认情况下状态栏是有高度的,app内容是在其之下。但是设置半透明/透明之后,状态栏又会覆盖在app内容之上。


情景1:APP顶部是一张图片,你想完成如下这种半透明效果




        if (Build.VERSION.SDK_INT >= 21) {      

            getWindow().setFlags(

                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,

                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

        }

情景2:APP顶部是一张图片,你想完成如下这种透明效果




        if(Build.VERSION.SDK_INT >= 21) {

            Window window = getWindow();

            window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN

                    | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);

            window.setStatusBarColor(Color.TRANSPARENT);

        }

情景3:顶部是有文字,小图标等,如果直接用透明半透明 状态栏上的东西会与内容重叠(你觉得无所谓也可以直接用上面2部分代码),这样我们就想做成类似支付宝这样的效果:




前面说道设置半透明/透明之后状态栏就会覆盖在app内容之上了,所以我们需要在状态栏透明的情况下给app的根视图设置一个paddingTop,值为状态栏的高度。


   /**

     * 利用反射获取状态栏高度

     * @return

     */

    public int getStatusBarHeight() {

        int result = 0;

        //获取状态栏高度的资源id

        int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");

        if (resourceId > 0) {

            result = getResources().getDimensionPixelSize(resourceId);

        }

        return result;

    }

设置paddingTop


        ViewGroup rootView = getWindow().getDecorView().findViewById(android.R.id.main_root);

        rootView.setPadding(0, getStatusBarHeight(), 0, 0);

main_root为根布局ID,然后同情景2,设置状态栏颜色(应用主题色),android SDK>=21


getWindow().setStatusBarColor(Color.BLUE);

SDK<21


            ViewGroup decorView = (ViewGroup) getWindow().getDecorView();

            View statusBarView = new View(this);

            ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,

                    getStatusBarHeight());

            statusBarView.setBackgroundColor(Color.BLUE);

            decorView.addView(statusBarView, lp);

肩膀(参考):https://www.jianshu.com/p/dc20e98b9a90 


         https://blog.csdn.net/d276031034/article/details/52934730


http://www.wufangbo.com/60690/


  • 2020-04-02 17:02:25

    vue怎么能像jquery那样获得数据

    有时候我们需要获得动态的元素,但是我们没法直接用vue语法,vue一共了当前组件的对象,我们可以避免使用document.get...之类的。

  • 2020-04-02 21:38:15

    Nginx向ExpressJS转发真实IP地址

    由于服务器配置了Nginx的反向代理,在ExpressJS中无法获取到真实的IP地址。本文就介绍了如何配置Nginx以及ExpressJS使其可以显示用户的真实地址。

  • 2020-04-03 08:53:06

    使用自己的QQ邮箱发送自动发送邮件

    话说网上发送邮件的代码很多,但是我由于不细心,导致拿别人的代码发送邮件老是失败,今天就说说几个要注意的地方吧!!!

  • 2020-04-03 10:20:20

    Vue 项目性能优化

    Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue 项目性能方面的优化,使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来,希望读者读完本文,有一定的启发思考,从而对自己的项目进行优化起到帮助。本文内容分为以下三部分组成:

  • 2020-04-03 13:07:46

    flex布局与position:absolute/fixed的冲突问题

    导航栏内,平均分为四块,为了适配各种移动设备,使用了flex布局。 与此同时,产品经理要求:页面上滚越过封面图时,导航栏变为固定定位,浮在页面顶部。 拿到需求之后,思路就是先搞好布局,然后监听window.onscroll,当页面滚的距离大于封面图的时候,给ul加入position:fixed。

  • 2020-04-03 16:56:59

    Inkscape教程

    本教程演示了Inkscape基础使用。这是常规Inkscape文档,你可以预览、编辑、复制、保存。 本教程包括画布导航、管理文档、形状工具基础、选择技术、使用选择转换对象、分组、设置填充和画笔、对齐和Z顺序。有关更高级的主题请查看帮助菜单中的其它教程。

  • 2020-04-03 17:04:35

    Inkscape/SVG附中文教程PDF

    Inkscape中的终极工具是XML编辑器(Shift+Ctrl+X),可以实时显示整个文档的XML树形图。修改绘图时,你可以注意一下XML树形图中的变化。也可以在XML编辑器中修改文本、元素或者节点属性,然后在画图上查看效果。这是一个非常形象化的学习SVG格式的交互式工具。并且可以实现一些通常的编辑工具无法完成的功能。