查看原文
其他

你这样玩过android沉浸式状态栏吗—教你玩出新花样

2017-07-31 于亚豪 终端研发部

前言介绍

有关Android沉浸式状态栏的一些封装及其总结

androidstarjack的博客地址:

http://blog.csdn.net/androidstarjack/article/details/76401105

正文 

项目中我们有时候都要用的透明状态栏(这里也成沉浸式状态栏),今天介绍一个gyf-dev写的一个封装状态栏开源框架

效果图如下:

正文

从Android4.4开始,才可以实现状态栏着色,并且从5.0开始系统更加完善了这一功能。之前写过关于一篇 关于activity状态栏的一些总结 有关Activity样式 、状态栏透明、屏幕亮度问题应用场景及其总结

说明

  • 这是状态栏 

  • 这是导航栏(有些手机没有导航栏) 



动态图

  • 第一种方案: 可直接在主题中设置

getWindow().setBackgroundDrawable(null);        //设置透明状态栏        ViewGroup contentFrameLayout = (ViewGroup) findViewById(Window.ID_ANDROID_CONTENT);        View parentView = contentFrameLayout.getChildAt(0);        
       if (parentView != null && Build.VERSION.SDK_INT >= 14) {            parentView.setFitsSystemWindows(true);        }

或者也可以这样 : 

  • 第二种方案:

将布局延伸到状态栏来处理,这次我们使用android:fitsSystemWindows=”true”属性,不让布局延伸到状态栏,这时状态栏就是透明的,然后添加一个和状态栏高、宽相同的指定颜色View来覆盖被透明化的状态栏。我们一步步来实现。

1、第一步还是先将状态栏透明化,方法同上。 

2、在布局文件中添加android:fitsSystemWindows=”true”属性:

封装:

ImmersionBar.with(this)             .transparentStatusBar()  //透明状态栏,不写默认透明色             .transparentNavigationBar()  //透明导航栏,不写默认黑色(设置此方法,fullScreen()方法自动为true)             .transparentBar()             //透明状态栏和导航栏,不写默认状态栏为透明色,导航栏为黑色(设置此方法,fullScreen()方法自动为true)             .statusBarColor(R.color.colorPrimary)     //状态栏颜色,不写默认透明色             .navigationBarColor(R.color.colorPrimary) //导航栏颜色,不写默认黑色             .barColor(R.color.colorPrimary)  //同时自定义状态栏和导航栏颜色,不写默认状态栏为透明色,导航栏为黑色             .statusBarAlpha(0.3f)  //状态栏透明度,不写默认0.0f             .navigationBarAlpha(0.4f)  //导航栏透明度,不写默认0.0F             .barAlpha(0.3f)  //状态栏和导航栏透明度,不写默认0.0f             .statusBarDarkFont(true)   //状态栏字体是深色,不写默认为亮色             .flymeOSStatusBarFontColor(R.color.btn3)  //修改flyme OS状态栏字体颜色             .fullScreen(true)      //有导航栏的情况下,activity全屏显示,也就是activity最下面被导航栏覆盖,不写默认非全屏             .hideBar(BarHide.FLAG_HIDE_BAR)  //隐藏状态栏或导航栏或两者,不写默认不隐藏             .addViewSupportTransformColor(toolbar)  //设置支持view变色,可以添加多个view,不指定颜色,默认和状态栏同色,还有两个重载方法             .titleBar(view)    //解决状态栏和布局重叠问题,任选其一             .statusBarView(view)  //解决状态栏和布局重叠问题,任选其一             .fitsSystemWindows(true)    //解决状态栏和布局重叠问题,任选其一,默认为false,当为true时一定要指定statusBarColor(),不然状态栏为透明色             .supportActionBar(true) //支持ActionBar使用             .statusBarColorTransform(R.color.orange)  //状态栏变色后的颜色             .navigationBarColorTransform(R.color.orange) //导航栏变色后的颜色             .barColorTransform(R.color.orange)  //状态栏和导航栏变色后的颜色             .removeSupportView(toolbar)  //移除指定view支持             .removeSupportAllView() //移除全部view支持             .navigationBarEnable(true)   //是否可以修改导航栏颜色,默认为true             .navigationBarWithKitkatEnable(true)  //是否可以修改安卓4.4和emui3.1手机导航栏颜色,默认为true             .fixMarginAtBottom(true)   //当xml里使用android:fitsSystemWindows="true"属性时,解决4.4和emui3.1手机底部有时会出现多余空白的问题,默认为false,非必须             .addTag("tag")  //给以上设置的参数打标记             .getTag("tag")  //根据tag获得沉浸式参数             .reset()  //重置所以沉浸式参数             .keyboardEnable(true)  //解决软键盘与底部输入框冲突问题,默认为false,还有一个重载方法,可以指定软键盘mode             .init();  //必须调用方可沉浸式

使用方式

  • 第一步:基础用法(已经可以满足日常沉浸式)

ImmersionBar.with(this).init();
  • 第二步

在activity的onDestroy方法中执行

ImmersionBar.with(this).destroy(); //不调用该方法,如果界面bar发生改变,在不关闭app的情况下,退出此界面再进入将记忆最后一次bar改变的状态
  • 建议 建议在BaseActivity中初始化和销毁,可以参看demo中 BaseActivity

public class BaseActivity extends AppCompatActivity {    private ImmersionBar mImmersionBar;    
   @Override    protected void onCreate(@Nullable Bundle savedInstanceState) {        
     super.onCreate(savedInstanceState);      mImmersionBar = ImmersionBar.with(this);      mImmersionBar.init();   //所有子类都将继承这些相同的属性          }  
 
  @Override    protected void onDestroy() {        
       super.onDestroy();        mImmersionBar.destroy();  //不调用该方法,如果界面bar发生改变,在不关闭app的情况下,退出此界面再进入将记忆最后一次bar改变的状态    } }

如何 隐藏导航栏或状态栏

/**  * 隐藏导航栏或状态栏  *  * @param barHide the bar hide  * @return the immersion bar  */ public ImmersionBar hideBar(BarHide barHide) {     mBarParams.barHide = barHide;    
       if (Build.VERSION.SDK_INT == Build.VERSION_CODES.KITKAT || OSUtils.isEMUI3_1()) {         if ((mBarParams.barHide == BarHide.FLAG_HIDE_NAVIGATION_BAR) ||                 (mBarParams.barHide == BarHide.FLAG_HIDE_BAR)) {             mBarParams.navigationBarColor = Color.TRANSPARENT;             mBarParams.fullScreenTemp = true;         } else {             mBarParams.navigationBarColor = mBarParams.navigationBarColorTemp;             mBarParams.fullScreenTemp = false;         }     }     return this; }

部分问题

解决华为emui3.0或者3.1手机手动隐藏导航栏按钮时,导航栏背景未被隐藏的问题

什么叫做手动隐藏,就是下图中标红的向下隐藏按钮 


第一种解决方案,监听华为虚拟按钮,建议在baseActivity里使用

   @Override    protected void onCreate(@Nullable Bundle savedInstanceState) {        
       super.onCreate(savedInstanceState);        immersionBar = ImmersionBar.with(this);        immersionBar.init();        
           if (OSUtils.isEMUI3_1())  //解决华为emui3.0与3.1手机手动隐藏底部导航栏时,导航栏背景色未被隐藏的问题            getContentResolver().registerContentObserver(Settings.System.getUriFor                    ("navigationbar_is_min"), true, mNavigationStatusObserver);    }  
                private ContentObserver mNavigationStatusObserver = new ContentObserver(new Handler()) {        
                    @Override        public void onChange(boolean selfChange) {            
            int navigationBarIsMin = Settings.System.getInt(getContentResolver(),                    "navigationbar_is_min", 0);            if (navigationBarIsMin == 1) {                //导航键隐藏了                immersionBar                        .transparentNavigationBar()                        .init();            } else {                //导航键显示了                immersionBar                        .navigationBarColor(android.R.color.black)                        .fullScreen(false)                        .init();            }        }    };
  • 第二种解决方案,禁止对导航栏相关设置

ImmersionBar.with(this)                   .navigationBarEnable(false)   //禁止对导航栏相关设置                 //或者                 // .navigationBarWithKitkatEnable(false)  //禁止对4.4设备导航栏相关设置                   .init();

android 6.0 有导航栏效果

项目地址:

https://github.com/androidstarjack/MyStausBarFacoryTest

gyf-dev的博客地址:

https://github.com/gyf-dev/ImmersionBar

博客地址:

http://blog.csdn.net/androidstarjack/article/details/76401105

终端研发部提倡 没有做不到的,只有想不到的。

在这里获得的不仅仅是技术! 


让心,在阳光下学会舞蹈

让灵魂,在痛苦中学会微笑

—终端研发部—



如果你觉得此文对您有所帮助,欢迎入群 QQ交流群 :232203809   

微信公众号:终端研发部


            

这里学到的不仅仅




您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存