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

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

这个特性是andorid4.4支持的，最少要api19才可以使用。下面介绍一下使用的方法，非常得简单：

安卓自定义状态栏颜色以与APP风格保持一致
我们知道IOS上的应用，状态栏的颜色总能与应用标题栏颜色保持一致，用户体验很不错，那安卓是否可以呢？若是在安卓4.4之前，答案是否定的，但在4.4之后，谷歌允许开发者自定义状态栏背景颜色啦，这是个不错的体验！若你手机上安装有最新版的qq，并且你的安卓SDK版本是4.4及以上，你可以看下它的效果：

[java] view plaincopy

public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//透明状态栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//透明导航栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
}
}

[java] view plaincopy

//透明状态栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//透明导航栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);

只要加入这两行代码，就可以实现沉浸式通知栏了。效果如图：

给大家看看这个界面的布局：

[html] view plaincopy

<LinearLayout 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:background="#ffffff"
android:orientation="vertical"
tools:context=".MainActivity">
<TextView
android:layout_width="match_parent"
android:layout_height="100dp"
android:background="#009959" />
<Button
android:layout_width="100dp"
android:layout_height="50dp"
android:background="#ff669d"/>
</LinearLayout>

是一个垂直的流布局，但这样，其实还是有问题的，我在textView里面加一些文字，就是绿色的那一块，大家看一下效果：

大家看到了吧，文字和状态栏重叠在一起了，这肯定是不行的，此时需要添加下面的代码：

[html] view plaincopy

android:fitsSystemWindows="true"
android:clipToPadding="true"

[html] view plaincopy

<LinearLayout 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"
android:clipToPadding="true"
android:background="#ffffff"
android:orientation="vertical"
tools:context=".MainActivity">
<TextView
android:layout_width="match_parent"
android:layout_height="100dp"
android:background="#009959" />
<Button
android:layout_width="100dp"
android:layout_height="50dp"
android:background="#ff669d"/>
</LinearLayout>

大家看红色的那部分，加入那两行以后，界面仍然会是沉浸式的，但状态栏那部分，就不会再重叠了，像加了padding一样，如下图：

大家看图，绿色的textView和红色的一个button都被下移了，状态栏是白色的，是背景linearLayout的颜色。很明显，这也不是我们想要的，我们希望状态栏和我们放在顶部的控件是同一个颜色，同时，控件内容也不和状态栏重复，其实，只要把那两行代码放到我们顶部的控件就可以了。代码如下：

[html] view plaincopy

<LinearLayout 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:background="#ffffff"
android:orientation="vertical"
tools:context=".MainActivity">
<TextView
android:fitsSystemWindows="true"
android:clipToPadding="true"
android:layout_width="match_parent"
android:layout_height="100dp"
android:background="#009959"
android:text="你好，请问你有男朋友吗"/>
<Button
android:layout_width="100dp"
android:layout_height="50dp"
android:background="#ff669d"/>
</LinearLayout>

就是那两行红色的代码，放在绿色的textView上，这样，就会是下面的效果：

这就是我们想要的了。

Android 沉浸式透明状态栏与导航栏相关推荐

Android 沉浸式(透明)状态栏细研-超级细还附 Demo
前言在 Android 4.4 中引入了沉浸模式的功能,但这个版本非真正的沉浸模式,应该说是透明模式.Android 5.0 以后才可以在系统层面实现真正的沉浸式状态栏. 沉浸式状态栏是为了与当前使 ...
Android UI体验之全屏沉浸式透明状态栏效果
前言: Android 4.4之后谷歌提供了沉浸式全屏体验, 在沉浸式全屏模式下, 状态栏. 虚拟按键动态隐藏, 应用可以使用完整的屏幕空间, 按照 Google 的说法, 给用户一种身临其境的体 ...
android滑动背景变透明,Android右滑退出+沉浸式(透明)状态栏
背景上篇文章一个千万量级的APP使用的一些第三方库中,在说到一个使用很广泛的滑动退出库SwipeBackLayout时有提过有时间会分享自己在项目中引入这个库的时候填过的一些坑.前段时间项目加入沉浸 ...
Android 显示、隐藏状态栏和导航栏
Android 显示.隐藏状态栏和导航栏控制状态栏显示,Activity的主题中配置全屏属性 <item name="android:windowFullscreen"&g ...
Android 4.4之后状态栏和导航栏细节美化（沉浸式状态栏）
转载请注明出处:http://blog.csdn.net/demokui/article/details/54603284 本篇文章出自:[姜奎的博客] 1. 简介其实标题我是打算叫"抢眼 ...
Android实现沉浸式(透明)状态栏适配
第一种讲解: 在Android系统4.4以前,状态栏的背景色和字体颜色都是不能改变的.但是4.4以后Google增加了改变状态栏背景透明的方法,可以通过两种方式来设置. 直接在Activity中设置W ...
【Android】透明状态栏和导航栏的适配解决方案满足所有机型 kotlin java
背景项目想让整个app能够全部融到手机中,所以需要对状态栏和导航栏进行适配参考透明状态栏android [Android]状态栏的适配-符合activity活动的主流颜色(附代码) val lp ...
Android沉浸式模式状态栏（二）
其实说到沉浸式状态栏这个名字,真不知道这种叫法是谁先发起的.因为Android官方从来没有给出过沉浸式状态栏这样的命名,只有沉浸式模式(Immersive Mode)这种说法.而有些人在没有完全了解清 ...
Android 加载页完美隐藏系统状态栏和导航栏适用刘海屏
适用版本(因为一些方法被高版本弃用或淘汰,可能效果不太好,以下版本验证可用): android {compileSdkVersion 28buildToolsVersion '28.0.0'defau ...

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

Android 沉浸式透明状态栏与导航栏相关推荐

最新文章

热门文章