沉浸式状态栏的实现--ANDROID – 在 KITKAT 以上版本的 TRANSLUCENT 介紹

Android从 4.4(KITKAT) 开始提供了一个视觉上的提升,让位于裝置最上方的状态列(STATUS BAR) 以及最下方的导航列(NAVIGATION BAR) 可以被透明化,并让APP 的內容可以往上下延伸,使整个画面的可被利用度大幅提升。
从3.0 (honeycomb) 开始,导航列被虚拟化,一直都会占住裝置一块不算小的空间,对很多人來说,整个画面无法充分利用,是一件相当痛苦的事情。也因此,有些人就会刻意去挑选仍維持着实体键设计的裝置。
而 Google似乎也意识到这个状况,从 4.4 (KitKat) 提供了开发者一个新的作法,让我们可以把导航列 (NavigationBar)给透明化,并让內容延伸到该处,甚至是状态列 (StatusBar) 也可以被设定透明,這样再搭配 Action Bar 的配色,可以像上图一般,让整个 APP更显得一致。

那接着,我们就先从代码來看

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    Window window = getWindow();
    // Translucent status bar
    window.setFlags(
       WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,
       WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    // Translucent navigation bar
    window.setFlags(
       WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION,
          WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
}

別忘了用个判断,确定裝置的版本是 4.4 (KitKat)以上來进行容错。的确,代码就是这么短,一行设定状态列 (StatusBar)、一行设定导航列 (Navigation Bar)。
再来,有个部份要稍微留意一下,如果不希望 APP的内容被上拉到状态列 (Status bar)的话,要记得在界面 (Layout) XML中,最外面的那层,要再加上一个属性fitsSystemWindows,设置为 true,以这边的例子來说,请见下方

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context=".MainActivity" >
 
    <!-- Content -->
 
</RelativeLayout>


再来,若我们的 APP可以从 4.4 (KitKat)开始支持,那其实可以直接从 style去进行设定,我们可以在官网上看到对透明化的说明里,官方提供了两种 no title 的主题风格可以让我们使用,分別如下在介面的根层加入 android:fitsSystemWindows=”true”这个属性,这样就可以让内容介面从 Action Bar下方开始。

Theme.Holo.Light.NoActionBar.TranslucentDecor


Theme.Holo.NoActionBar.TranslucentDecor

这样我们就可以做出全屏的 APP。
若是我们有自己设定好的主题,或说希望可以維持原有 Action Bar存在,那只要在主题设定中分別加入两个属性值即可这样我们就可以做出全屏的 APP

跟代码一樣,也是两行完成,上面一行是设定状态列 (Status Bar)、下面一行是设定导航列 (Navigation Bar)。別忘了,如果不希望內容被 Action Bar压住,那先前提及的 Layout属性 android:fitsSystemWindows=”true”要设定到。
其实以现在的状况来说,通过代码去设定是最安全的,毕竟目前绝大部份的裝置都还未被升級到 4.4 (KitKat)。


转载自:http://blog.mosil.biz/2014/01/android-transparent-kitkat/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值