关于沉浸式模式,网上已经有很多大牛写的文章了。在这里只是记录一下几种实现方式及其步骤方便以后查阅、复习,快速应用。

什么沉浸式模式:

在Android4.4之前,状态栏的颜色是黑色的,不能和我们的应用融为一体。在4.4之后,能够实现给状态栏设置颜色。并且从5.0开始系统更加完善了这一功能,可直接在主题中设置@color/colorPrimaryDark或者getWindow().setStatusBarColor(color)来实现。

实现沉浸式模式步骤:

1、让状态栏透明(两种方式)

1.1)分别在values、values-19、values-21 自定义同名的Theme,在Manifest中设置Activity的Theme

1.2)通过java代码实现

2、给状态栏着色(两种情况)

2.1)android:fitsSystemWindows="true" 不允许布局延伸到状态栏

2.2)android:fitsSystemWindows="false" 允许布局延伸到状态栏(如果页面顶部是一张图片的话就不用处理,如果页面顶部是Toolbar或者自定义TitleBar的话就用paddingTop=20dp/25dp来处理)

3、具体实现

3.1)自定义Theme实现状态栏透明 + android:fitsSystemWindows="true" 让布局不延伸到状态栏

第一步 -- 状态栏透明:

values:

true

values-v19:

true

false

true

values-v21

true

false

true

@android:color/transparent

Manifest文件中给Activity设置Theme

android:name=".ColorXmlActivity"

android:theme="@style/CustomSystemStatusTheme"/>

第二步 -- 给状态栏着色(有两种方式)

方式1:将该Activity的最底层的layout的背景色设置为状态栏需要的颜色,来给状态栏着色,xml如下:

android:id="@+id/activity_color_xml"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@color/colorPrimary"

android:fitsSystemWindows="true">

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@color/colorAccent"

android:orientation="vertical">

这种方式某些情况下需要我们在最外层布局之外再专门套一层布局来给状态栏着色,从而会有过度绘制问题。

方式2:通过java代码,添加一个和状态栏高度一样的View,设置该view的背景色为需要的状态栏的颜色

private void addStatusBarView() {

View view = new View(this);

view.setBackgroundColor(getResources().getColor(R.color.colorPrimary));

//getStatusBarHeight();是获取状态栏的高度方法,可参考

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,

getStatusBarHeight());

ViewGroup decorView = (ViewGroup) findViewById(android.R.id.content);

decorView.addView(view, params);

}

3.2)java代码实现状态栏透明 + android:fitsSystemWindows="false" 让布局延伸到状态栏及paddingTop来实现

第一步 -- 状态栏透明(使用java代码实现):

public void statusTranslucent() {

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {//5.0及以上

View decorView = getWindow().getDecorView();

int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN

| View.SYSTEM_UI_FLAG_LAYOUT_STABLE;

decorView.setSystemUiVisibility(option);

getWindow().setStatusBarColor(Color.TRANSPARENT);

} else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {//4.4到5.0

WindowManager.LayoutParams localLayoutParams = getWindow().getAttributes();

localLayoutParams.flags = (WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS | localLayoutParams.flags);

}

}

第二步 -- 给状态栏着色

android:fitsSystemWindows="false"允许布局延伸到状态栏,但是我们通过设置paddingTop来空出状态栏的高度就可以,activity的xml代码如下:

android:id="@+id/activity_color_xml"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:fitsSystemWindows="false">

include_titlebar2.xml的布局如下:

android:layout_width="match_parent"

android:layout_height="@dimen/titlebar_height"

android:background="@color/colorPrimary"

android:paddingTop="@dimen/titlebar_padding_top">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:text="标题"

android:textColor="@android:color/white"

android:textSize="20sp" />

其中include_titlebar2.xml中的titlebar_height和titlebar_padding_top分别在values/dimens、values-19/dimens、values-21/dimens进行定义,如下:

values/dimens

50dp

0dp

values-v19/dimens

70dp

20dp

values-v21/dimens

70dp

20dp

还有一种情况就是顶部是一张图片的时候,第一步同上,xml直接如下:

android:id="@+id/activity_color_xml"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:fitsSystemWindows="false">

android:src="@mipmap/test"

android:scaleType="fitXY"

android:layout_width="match_parent"

android:layout_height="wrap_content" />

上面两个第一步可以任意选择一个使用。如果是使用java代码的话,最好在Base中进行调用。

android沉浸式模式简书,Android-沉浸式模式相关推荐

  1. android沉浸式模式简书,Android 沉浸式模式与常见状态栏和导航栏效果

    Android沉浸式模式 官方称沉浸式状态栏为沉浸式模式. 什么是沉浸式? 沉浸式就是让人专注当前的(由设计者营造)情境下感到愉悦和满足,而忘记真实的情境. 什么是Android中的沉浸式? 当启用该 ...

  2. android源码编译 简书,android学习笔记之源码编译

    编译环境 1.需要Ubuntu 64bit,建议Ubuntu14.04 64-bit 2.安装openJDK7 $ sudo apt-get update $ sudo apt-get install ...

  3. android虹软人脸识别简书,Android 用虹软SDK做人脸识别

    人脸识别第三方sdk比较多,但是大多都是收费的或者限制次数什么的,虹软的效果还不错,全免费也不需要联网 V1.2版本使用和快速集成:https://www.jianshu.com/p/8dee89ec ...

  4. android 获取电量百分比 简书,Android 获取当前电量

    在浏览 Flutter 的示例代码中发现一一个比较好的写法. private int getBatteryLevel() { if (VERSION.SDK_INT >= VERSION_COD ...

  5. php装饰器模式 简书,设计模式——装饰器模式

    功能 无需改变原有对象的任何属性及其继承的情况下,动态为一个对象添加额外的职责. 实现 通过创建一个包装对象,也就是装饰来包裹真实的对象. 俺是一枚撸友,在这里借用LOL的余热,形象的将装饰器模式的实 ...

  6. 简书Android APP上线了

    在历经了几个月的奋战之后简书Android客户端终于和大家见面了,下载链接轻戳这里,当然您也能在国内各大应用商店下载的到.(记得好评哦-) 先上张图给大家感受一下吧 Android APP截图(左为启 ...

  7. 给简书找BUG赢好礼17.06.02——简书Android 2.4.0 公测【私密文章支持预览/手机支持直接提现】...

    你给简书找bug,简书给你送好礼.即日起,参与简书公测就有机会获得简书提供的精美周边!公测版下载>>公测版下载备用地址>> 本期公测版本-简书Android 2.4.0: 更新 ...

  8. 简书Android客户端更新日志1504010-离线下载

    时间悄悄溜进了四月,这是一个草长莺飞.万物复苏的季节,小动物们都忙着繁衍下一代,简书君却还苦逼的坐在办公室里感叹岁月这把杀猪的刀.说到四月不得不提的就是欢乐的愚人节,本次愚人节简书君也和大家开了一个小 ...

  9. 高仿简书Android,高仿简书个人中心页面

    高仿简书个人中心页面 Demo下载地址: 先贴上效果图 1. 步骤 1.1 把APP的主题改为NoAction 1.2 引入Material Design 包 implementation 'com. ...

  10. android自动登录简书,android 手机号实现登录功能

    先看看效果 image.png 我的这个登录功能是手机号和密码都已经在后台数据库有存储的,所以是直接登录. 重点有三个: 1.账号密码的存储,实现自动登录: 2.网络通信: 3.密码一定要Md5加密之 ...

最新文章

  1. js 正则表达式奇偶字符串替换_Python中的正则表达式及其常用匹配函数用法简介...
  2. MATLAB实战系列(二十三)-基于hough变换的直线检测(附MATLAB源代码)
  3. 李小璐PGONE事件对推荐系统的考验
  4. 你必须知道的28个HTML5特征、窍门和技术
  5. 8年运维大神总结:坚持4-3-2备份策略,删库也不怕
  6. 测试你的开源 IQ 答案
  7. 【Docker】Asp.net core在docker容器中的端口问题
  8. 如何让service不被系统杀掉
  9. MVC3.0图片滚动和相册展示(下)
  10. Alpha混合(二)Material Alpha
  11. mfc实现播放器功能,双击全屏,再双击还原
  12. ruby koans:tdd方式学习ruby
  13. 开源流媒体服务器:为何一定得再撸个新的 | 凌云时刻
  14. ua获取手机型号_JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)...
  15. 安装PSPNet 遇到的问题
  16. 遗传算法应用于随机森林的调参过程
  17. KIS迷你版软件用户常见问题
  18. P2393 yyy loves Maths II
  19. 计算机只报数字怎么调成音乐,电脑怎么设置一锁屏音乐就停?
  20. PHP 判断字符串长度及字符串切割问题

热门文章

  1. java架构知识-分布式(学习笔记)
  2. 微信数据如何与服务器配置,微信公众平台里的服务器配置设置是干什么用的
  3. 如何在Oracle官网下载旧版本的JDK
  4. PYTHON Fraction 分数处理
  5. 超强,废弃手机用来做服务器,不用root,外网可访问!
  6. ffmpeg生成裸眼3D、伪3D视频
  7. Linux--shel正则表达式
  8. 自我管理--做事要有明确的时间观念
  9. 实时渲染学习(十)渲染加速算法总结
  10. Blogspot.com再次解封