您的位置:首页 > 移动开发 > Android开发

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

2016-05-24 09:36 567 查看


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/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息