三步实现沉浸式状态栏(即状态栏与APP同色)

本篇实现的是沉浸式状态栏。先明确下概念,什么是状态栏?直接上图:

什么是沉浸式状态栏?示例图如下:

非沉浸式状态栏                                                                        沉浸式状态栏

       

其实,实质上就是使手机状态栏的颜色改变,使其成为自己想要的颜色。如果把它设置成和APP主色调相同,这样看上去就会好看许多。至于叫法,网上都这么叫,就不用深究它了。下面介绍如何实现,其实很简单,只需三步:

前提:建立的安卓工程必须是API 19以上的才行,也就是Android4.4版本以上。

 步骤1:

在布局文件的最外层Layout上加上两个属性,

android:clipToPadding="true"

android:fitsSystemWindows="true"

示例:

步骤2:

在Activity的onCreate()方法中加入两行代码:

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

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

    步骤3:

      在Activity的onCreate()方法中加入一行代码:

requestWindowFeature(Window.FEATURE_NO_TITLE); //设置无标题栏

注意:此句代码一定要加在 setContentView(R.layout.activity_main);之前。

示例:

通过以上三步简单的操作,这样就可以实现状态栏变色啦!

备注:

 一、其实,只需要加入

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

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

这两行代码就能改变状态栏颜色。

但是,会出现状况。

状况1(如果布局文件中不加  android:clipToPadding="true"    android:fitsSystemWindows="true"  这两个属性)

可以看到,标题栏会整体往上移动,占据状态栏的空间。也就是将状态栏当成了APP标题栏的一部分。

状况2(如果onCreate()方法中不加  requestWindowFeature(Window.FEATURE_NO_TITLE);
 这句代码)

可以看到,布局多了系统自带的title栏,一般情况下这是不需要的。

二、在步骤3中,requestWindowFeature(Window.FEATURE_NO_TITLE); 这句代码的设置可以不设置在onCreate()方法中,设置成配置文件的theme样式也是可以的,但是要和你的Activity相匹配,示例如下:

三、状态栏的颜色,就是布局文件中最外层的布局的背景颜色。但是,如果最外层的Layout设置宽高都是
                   match_parent,而其子布局未设置任何背景颜色,

这样的话,就会使整块屏幕(包括状态栏)都是一个颜色,

如下图:

当然,有时候我们需要将除了标题区域以外的内容区域设置成和APP主色不同的颜色。这时,只需要将需要改变背景颜色的子布局设置一下背景颜色就行啦。

运行效果如下:

通常,这样就是我想要的效果。每个人需求不同,大家自行发挥。

时间: 2025-01-09 21:40:08

三步实现沉浸式状态栏(即状态栏与APP同色)的相关文章

android 三步实现沉浸式 简单到无法想象

今天产品来看进度,说ios状态栏可以改颜色,以前竟然也没注意过,看了美团 ,扣扣的实现, 才注意到.着手开始做.网上借鉴了点 ,各种乱,整理了下  .希望可以帮到大家 . [转载请标明出处] 前提:  效果在4.4及之上版本     5.0据说不一样  待补充 Mi3 4.4版本   完美实现 , 其他版本待测 效果图如下: 步骤如下: 1.第一步: 效果使用的是第三方开源库   SystemBarTint  有兴趣可以去了解. 本文只用到核心类  SystemBarTintManager  黏

三步实现响应式网页布局

第一步:meta标签 大多数浏览器将HTML页面放大为宽的视图(viweport)以符合屏幕分辨率.你可以使用视图的meta标签来进行重置. 下面的视图标签告诉浏览器,使用设备的宽度作为视图宽度并禁止初始的缩放. 在<head>标签里加入这个meta标签. 1 <meta name="viweport" content="width=device-width, initial-scale=1.0"> IE8或者更早的浏览器并不支持Media

沉浸式图片轮播器 -- DDGBannerScrollView使用文档

写在前面 几乎每个app都会用到图片轮播器,而且图片轮播器也越来越高大上,沉浸式等拉高了APP的档次 ,没有一个高大上的图片轮播器,都不好意思上架. 像一些知名的app都采用了图片轮播的背景渐变色,举几个栗子:优酷的首页,喜马拉雅,蜻蜓fm,哔哩哔哩漫画等, page索引也是玩的很高大上,系统的早已满足不了了需求. 鉴于此和项目的需要,在前人的基础上,整理了一个这个库,志在简单的几句代码,就能让应用看上去高大上. github:[DDGBannerScrollView](https://gith

沉浸式状态栏的三种实现方式

沉浸式算是目前Android行业比较流行的一种App设计风格,将菜单栏北京设置为导航栏的颜色,感觉顶部状态栏像是被入侵了一样,因此称为沉浸式菜单栏.本文将介绍三种方式去实现沉浸式状态栏. Google从android kitkat(Android 4.4)开始, 给我们开发者提供了一套能透明的系统ui样式给状态栏和导航栏,这样的话就不用向以前那样每天面对着黑乎乎的上下两条黑栏了,还可以调成跟Activity一样的样式,形成一个完整的主题,和IOS7.0以上系统一样了.首先看下效果 三种方式实现沉

Android三句代码使用沉浸式状态栏

用过android手机的人都知道android使用app的时候屏幕上方的状态栏都是黑色的,就算不是黑色的都与正在打开的app颜色不同.有一种灰常不搭调的感觉.~ 今天无意中看了一下关于沉浸式状态栏的资料~~作为强迫症重度患者怎能错过? 下面就开始使用沉浸式状态栏之旅: 代码未上图先行: 沉浸式: 非沉浸式: 嗯~虽然第二张图比较模糊,但是也可以想象第一张比较好看(- ̄▽ ̄)-. 那么接下来要说的就是如何实现第一张图的那样的效果: 首先要说明的是以下方法只适合android4.4或以上的系统 an

Android沉浸式状态栏攻略

前言 这里不讨论[沉浸式]这个词用得好不好, 大家听得懂就行. 这篇文章主要是我在实际项目中的一些经验, 整理出来和大家分享, 欢迎探讨. 由于实习一直是996, 没时间做总结, 今天突然觉得这样的工作让我都忘了生活了, 是时候做个了断了. 写这篇文章的时候已经是23:44, 来不及贴一些demo, 但是这里的代码都是曾经的项目中摘出来的, 是可以运行的, 但我现在没有真的执行一遍. 注意所有的代码都只在android 4.4及以上有效. 考虑 根据实际项目的不同, 可能选择的沉浸式实现策略也会

android沉浸式状态栏实现细节

studio,中引入沉浸式兼容库 compile 'com.readystatesoftware.systembartint:systembartint:1.0.3' eclipse,可以导入相应的那个类. 第一类,兼容actionbar 第一步:设置activity主题android:theme="@style/ActionBarTheme" <style name="ActionBarTheme" parent="android:Theme.Ho

Android 沉浸式状态栏

效果图 android 5.0 以上 android 4.4 API 19 以上都是原生安卓系统的效果,具体到国内的各种各样改过的系统可能会有细微差别,测试过小米和华为的机器效果基本一样. 实现 1.修改主题属性 方法一: 在values-v19文件夹下声明AppTheme为透明状态栏,代码如下 1 <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> 2 <!-- C

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

转载:http://www.jianshu.com/p/34a8b40b9308 前言 网上已经有很多有关于系统状态栏的解决方案,这篇文章也不会有什么新奇的解决方案,都是本人经过自己试验,统计提炼出来的相对靠谱的一套解决方案.如果是android大牛可以忽略本文,怕让您贱笑.只面向小白,帮助小白减少摸索的时间. 关于术语 网上有很多争论: 你这状态栏是变色龙状态栏,不是沉浸式的这应该是沉浸式的状态栏吧,系统栏与actionbar颜色设为一致 我只想说去你妹的,老子只要自己的app的状态栏能和主题