zoukankan      html  css  js  c++  java
  • 三步实现沉浸式状态栏(即状态栏与APP同色)

              本篇实现的是沉浸式状态栏。先明白下概念,什么是状态栏?直接上图:

          

            什么是沉浸式状态栏?演示样例图例如以下:

                                  非沉浸式状态栏                                                                        沉浸式状态栏                           

                   

            事实上。实质上就是使手机状态栏的颜色改变。使其成为自己想要的颜色。假设把它设置成和APP主色调同样。这样看上去就会好看很多。

    至于叫法,网上都这么叫。就不用深究它了。

    以下介绍怎样实现。事实上非常easy。仅仅需三步:

           前提:建立的安卓project必须是API 19以上的才行,也就是Android4.4版本号以上。

           步骤1:

           在布局文件的最外层Layout上加上两个属性。 

           android:clipToPadding="true"
           android:fitsSystemWindows="true"

           演示样例:

         

          步骤2:

          在Activity的onCreate()方法中增加两行代码:

           getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);  //透明状态栏
           getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);  //透明导航栏

          步骤3:

          在Activity的onCreate()方法中增加一行代码:

          requestWindowFeature(Window.FEATURE_NO_TITLE); //设置无标题栏

         注意:此句代码一定要加在 setContentView(R.layout.activity_main);之前。

          演示样例:

          

        

           通过以上三步简单的操作,这样就能够实现状态栏变色啦!


         备注:

         一、事实上。仅仅须要增加

           getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);  //透明状态栏
           getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);  //透明导航栏

          这两行代码就能改变状态栏颜色。

          可是,会出现状况。

          状况1(假设布局文件里不加  android:clipToPadding="true"    android:fitsSystemWindows="true"  这两个属性)

           

          能够看到,标题栏会总体往上移动,占领状态栏的空间。也就是将状态栏当成了APP标题栏的一部分。


          状况2(假设onCreate()方法中不加  requestWindowFeature(Window.FEATURE_NO_TITLE);  这句代码

           

         能够看到,布局多了系统自带的title栏,普通情况下这是不须要的。

         

         二、在步骤3中,requestWindowFeature(Window.FEATURE_NO_TITLE); 这句代码的设置能够不设置在onCreate()方法中,设置成配置文件的theme样式也是能够的。可是要和你的Activity相匹配,示比例如以下:

        

         

         三、状态栏的颜色,就是布局文件里最外层的布局的背景颜色。可是,假设最外层的Layout设置宽高都是                    match_parent。而其子布局未设置不论什么背景颜色。

         

         这种话,就会使整块屏幕(包含状态栏)都是一个颜色,

         例如以下图:

         

         当然,有时候我们须要将除了标题区域以外的内容区域设置成和APP主色不同的颜色。这时,仅仅须要将须要改变背景颜色的子布局设置一下背景颜色即可啦。

          

         执行效果例如以下:

         

       通常,这样就是我想要的效果。每一个人需求不同,大家自行发挥。

         

        

        

         


  • 相关阅读:
    POJ_3176_Cow_Bowling_(数字三角形)_(动态规划)
    POJ_3662_Telephone_Lines_(二分+最短路)
    POJ_2739_Sum_of_Consecutive_Prime_Numbers_(尺取法+素数表)
    POJ_3685_Matrix_(二分,查找第k大的值)
    POJ_3579_Median_(二分,查找第k大的值)
    欧拉回路
    状态压缩dp(hdu2167,poj2411)
    poj1182食物链(种类并查集)
    并查集
    树形动态规划
  • 原文地址:https://www.cnblogs.com/llguanli/p/8425036.html
Copyright © 2011-2022 走看看