android沉浸式状态栏实现,android 沉浸式状态栏框架

如何实现Android沉浸式状态栏

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

创新互联建站主要从事网站设计、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务银海,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

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);

}

}

//透明状态栏

getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

//透明导航栏

getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);

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

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

linearlayout android:background="#ffffff" android:cliptopadding="true" android:fitssystemwindows="true" android:layout_height="match_parent" android:layout_width="match_parent" android:orientation="vertical" tools:context=".MainActivity" xmlns:android="" xmlns:tools=""

textview android:background="#009959" android:layout_height="100dp" android:layout_width="match_parent"button android:background="#ff669d/" android:layout_height="50dp" android:layout_width="100dp"/button/textview/linearlayout

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

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

linearlayout android:background="#ffffff" android:layout_height="match_parent" android:layout_width="match_parent" android:orientation="vertical" tools:context=".MainActivity" xmlns:android="" xmlns:tools=""

textview android:background="#009959" android:cliptopadding="true" android:fitssystemwindows="true" android:layout_height="100dp" android:layout_width="match_parent" android:text="你好，请问你有男朋友吗/"button android:background="#ff669d/" android:layout_height="50dp" android:layout_width="100dp"/button/textview/linearlayout

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

这就是我们想要的了。

Android 沉浸式状态栏

沉浸式状态栏是一种比较常见的UI风格，接下来就去看看怎么实现它。

在styles.xml里增加TranslucentTheme，我们这里minSdkVersion 是以21为准，低于安卓5.0以下的手机很少了，就不适配了。

对于这种没有标题栏，图片沉浸到状态栏的效果，我们已经实现了。如果是有标题栏呢？比如加个Toolbar会变成下面这样：

对于有标题的页面，我们希望状态栏颜色跟标题栏一样就行了，不希望标题栏上移跟状态栏重叠，我们可以在布局文件根视图设置如下属性，这个相当于设置了个padding让状态栏下移，当然，为了让状态栏颜色跟标题栏一样，你还需要给根视图设置一样的背景色（因为状态栏实际是透明的）。

运行看看,已经实现了我们的要求。

Android 沉浸式/透明式状态栏、导航栏

Android 从4.4开始引进透明状态栏和导航栏的概念，并且在5.0进行了改进，将透明变成了半透明的效果。虽然此特性最早出现在ios，但不否认效果还是很赞的。

至于4.4以下的手机，就不要考虑此特性了，好在4.4以下的手机份额已经非常小了。

我们先来看一下透明状态栏的实现，两种常见效果图如下：

虚拟导航栏并不是所有的手机都有，华为的手机多比较常见，就是上图屏幕底部按钮那块区域。设置导航栏和状态栏类似：

这是官方的解释，大致意思就是我们在布局的最外层设置 android:fitsSystemWindows="true"，会在屏幕最上方预留出状态栏高度的padding。

由于fitsSystemWindows属性本质上是给当前控件设置了一个padding，所以我们设置到根布局的话，会导致状态栏是透明的，并且和窗口背景一样。

但是多数情况，我们并不在根布局设置这个属性，我们想要的无外乎是让内容沉浸在状态栏之中。所以我们经常设置在最上端的图片背景、Banner之类的，如果是Toolbar的，我们可以使用一层LinearLayout包裹，并把这个属性设置给LinearLayout，这样就可以避免Toolbar的内容下沉了。如：

上述方法可以解决普通页面的透明式状态栏需求，如有复杂需求可以参考下面这些：

Android 系统状态栏沉浸式/透明化完整解决方案

Android 沉浸式状态栏的实现

Android沉浸式状态栏(透明状态栏)最佳实现

还有开源库推荐： ImmersionBar