Android 4.4 沉浸式透明状态栏与导航栏

Android 4.4 沉浸式透明状态栏与导航栏,android4.4


Android 系统自4.2 开始 UI 上就没多大改变,4.4 也只是增加了透明状态栏与导航栏的功能,如图




那么现在我就来给大家讲解下如何使用这个新特性,让你的 app 跟随潮流,当然如果你不在乎外观就算了,
使用这个特性能开发出很漂亮的UI,尤其对于 google 原生系统,屏幕下方的导航栏白白占据一块屏幕空间,看起来很不爽



OK废话不多讲,开始讲技术吧,第一种方法,在代码设置:

  1. if(VERSION.SDK_INT >= VERSION_CODES.KITKAT) {
  2.                                 //透明状态栏
  3.                                 getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
  4.                                 //透明导航栏
  5.                                 getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
  6.                         }
直接调用上面2行代码可以透明,但是你会发现你的 view 跑到 actionbar 上面去了,很明显 google 的意图是使你的 view 可以占据整个屏幕,然后 状态栏和导航栏 透明覆盖在上面很明显这样不可行。
那有没有办法使你的 view 保持原来大小呢?
有,你需要在这个 activity 的 layout xml 文件添加两个属性
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     android:layout_width="fill_parent"
  3.     android:layout_height="fill_parent"
  4.     android:gravity="center_horizontal"
  5.     
  6.     android:fitsSystemWindows="true"
  7.     android:clipToPadding="true"
  8.     
  9.     android:orientation="vertical" >
这样状态栏的背景就是你的 activity 的主背景,倘若actionbar 在,将会很难看,如图:

事实证明,google 并没有提供一个比较好的解决方案,他的 透明状态栏与导航栏的应用局限于,全屏阅读文字或玩游戏那种情景,


第二种方式, 是是设置 theme 属性

  1. android:theme="@android:style/Theme.DeviceDefault.Light.NoActionBar.TranslucentDecor"
  2.             android:theme="@android:style/Theme.Holo.Light.NoActionBar.TranslucentDecor"
  3.             android:theme="@android:style/Theme.Holo.NoActionBar.TranslucentDecor"
复制代码   如果你使用自定主题,只需在在 values-19 文件添加以下属性:
  1. <style name="AppBaseTheme" parent="android:Theme.Holo.Light.DarkActionBar">

  2.         <!-- API 19 theme customizations can go here. -->
  3.         <item name="android:windowTranslucentStatus">true</item>
  4.         <item name="android:windowTranslucentNavigation">true</item>
  5.     </style>
复制代码  
刚刚说了这个使用有局限性,不过好在有一个开源的东西
https://github.com/jgilfelt/SystemBarTint


使用这个开源库,必须开启透明标题栏

使用这个主题

  1. <style name="AppBaseTheme" parent="android:Theme.Holo.Light.DarkActionBar">

  2.         <!-- API 19 theme customizations can go here. -->
  3.         <item name="android:windowTranslucentStatus">true</item>
  4.         <item name="android:windowTranslucentNavigation">true</item>
  5.     </style>

或者在setContentView之前调用这个代码


  1. if(VERSION.SDK_INT >= VERSION_CODES.KITKAT) {
  2.                                 //透明状态栏
  3.                                 getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
  4.                                 //透明导航栏
  5.                                 getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
  6.                         }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值