android设置透明状态栏

在写这篇文章之前也看过很多大牛的博客,但是大多数都写的比较深奥和跳跃

而且网上还有很多对于透明状态栏及沉浸式状态栏的争论,简直看的头晕眼花

在此我用专业菜鸟的术语给大家解释一下:


沉浸式状态栏:就是你看视频(横屏)的时候没有状态栏,就算你点击屏幕一下也不会出现状态栏的(需要从上屏幕边缘往下划一下才能出来状态栏),由于不好截屏这里我就不上图了,大家心领神会一下就行了。

透明式状态栏:就式状态栏背景与应用背景相同,这就是*透明状态栏*,如下图博主的手机主界面就是透明状态栏。

我觉的很清楚的概念嘛,有何之争?有何混淆之处!

阐述清楚这两个概念之后,就可以切入正题啦

这次主要分享的是透明式状态栏:

先是半透明效果(两种方法):

第一种(简单):

//直接将下面的代码放在activity中的setContentView(R.layout.activity_main);中之前就行了
        if (Build.VERSION.SDK_INT >= 21) {
            View decorView = getWindow().getDecorView();
            decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
            getWindow().setStatusBarColor(Color.TRANSPARENT);
        }

第二种(复杂)

1.先修改 res / values / 目录下的styles.xml文件

< resources >
 
     < style name = "AppTheme" parent = "@style/BaseTheme" >
 
     </ style >
     < style name = "BaseTheme" parent = "Theme.AppCompat.Light.NoActionBar" >
         < item name = "colorPrimary" >@color/colorPrimary</ item >
         < item name = "colorPrimaryDark" >@color/colorPrimaryDark</ item >
     </ style >
 
</ resources >

2.然后我们在res下新建一个values-v19的目录(代表最低API为19),再在其中新建一个styles.xml
< resources >
 
     < style name = "AppTheme" parent = "@style/BaseTheme" >
         < item name = "android:windowTranslucentNavigation" >true</ item >
         < item name = "android:windowTranslucentStatus" >true</ item >
     </ style >
 
</ resources >

3.设置MainActivity的 布局文件为
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             xmlns:app="http://schemas.android.com/apk/res-auto"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:fitsSystemWindows="true"//这句代码是控制不让toolbar和状态栏重叠,大家可以删了试一下,这里我就不上图了
    android:background="#fff000">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"

        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>//这两句代码用于切换色系不然是黑色的字体和深色系的弹出框(不用去理解)



</FrameLayout>
*为了看的出来是透明的,所以把背景颜色设置为了#fff000

 

 

4.在MainActivity中加入

 

Toolbar mToolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(mToolbar);

OK总共就4步,比网上很多教程都简单吧

 

以下为效果图:

虽然很丑但是还是能看出来状态栏已经是半透明的状态了就透出一些背景颜色,大致上就统一了色系

 

全透明效果:

直接在MainActivity中setContentView(R.layout.activity_main)之前加上以下代码

        getWindow().requestFeature(Window.FEATURE_NO_TITLE);
        if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            Window window = getWindow();
            window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
                    | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
            window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                    | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                    | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            window.setStatusBarColor(Color.TRANSPARENT);
            window.setNavigationBarColor(Color.TRANSPARENT);
        }

完成后,效果图如下

       

 

收工啦~ 收工啦~

 

 

 

 

  • 15
    点赞
  • 32
    收藏
    觉得还不错? 一键收藏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值