Android 沉浸式状态栏与隐藏导航栏实例详解
作者:带你装逼带你飞的程序猿 发布时间:2021-09-08 07:51:14
1 前言
一般我们在Android的APP开发中,APP的界面如下:
可以看到,有状态栏、ActionBar(ToolBar)、导航栏等,一般来说,APP实现沉浸式有三种需求:沉浸式状态栏,隐藏导航栏,APP全屏
沉浸式状态栏是指状态栏与ActionBar颜色相匹配,
隐藏导航栏不用多说,就是将导航栏隐藏,去掉下面的黑条。
APP全屏是指将状态栏与导航栏都隐藏,例如很多游戏界面,都是APP全屏。
所以,在做这一步时,关键要问清楚产品狗的需求,免得白费功夫。
下面,分别来介绍这三种方式的实现。
2 沉浸式状态栏
沉浸式状态栏效果一般如下:
关于沉浸式状态栏网上的方案很多,比如android 5.0 以上的MD设计,或者修改activiyty的window的setStatusBarColor()方法,设置颜色。需要说明一点的时,沉浸式状态栏只对API19以上有效。
这里我依然采用的是设置Activity的Window设置setStatusBarColor()的方法。代码如下:
/**
* 设置状态栏的颜色
*/
@TargetApi(Build.VERSION_CODES.KITKAT)
public static void statusBarTintColor(Activity activity, int color) {
// 代表 5.0 及以上
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
activity.getWindow().setStatusBarColor(color);
return;
}
// versionCode > 4.4 and versionCode < 5.0
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT && Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
//透明状态栏
activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
ViewGroup androidContainer = (ViewGroup) activity.findViewById(android.R.id.content);
// 留出高度 setFitsSystemWindows true代表会调整布局,会把状态栏的高度留出来
View contentView = androidContainer.getChildAt(0);
if (contentView != null) {
contentView.setFitsSystemWindows(true);
}
// 在原来的位置上添加一个状态栏
View statusBarView = createStatusBarView(activity);
androidContainer.addView(statusBarView, 0);
statusBarView.setBackgroundColor(color);
}
}
/**
* 创建一个需要填充statusBarView
*/
private static View createStatusBarView(Activity activity) {
View statusBarView = new View(activity);
ViewGroup.LayoutParams statusBarParams = new ViewGroup.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT, getStatusBarHeight(activity));
statusBarView.setLayoutParams(statusBarParams);
return statusBarView;
}
/**
* 获取状态栏的高度
*/
public static int getStatusBarHeight(Context context) {
int result = 0;
int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
if (resourceId > 0) {
result = context.getResources().getDimensionPixelSize(resourceId);
}
return result;
}
3 隐藏导航栏
隐藏导航栏就是使用了UI Flag
/**
*
* @param activity
* @param
*/
public static void setNavigationBar(Activity activity,int visible){
View decorView = activity.getWindow().getDecorView();
//显示NavigationBar
if (View.GONE == visible){
int option = SYSTEM_UI_FLAG_HIDE_NAVIGATION;
decorView.setSystemUiVisibility(option);
}
}
4 APP全屏
这里的APP全屏又分为隐藏状态栏与ActionBar,与隐藏导航栏,状态栏。
隐藏状态栏:
/**
* 设置Activity的statusBar隐藏
* @param activity
*/
public static void statusBarHide(Activity activity){
// 代表 5.0 及以上
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
View decorView = activity.getWindow().getDecorView();
int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;
decorView.setSystemUiVisibility(option);
activity.getWindow().setStatusBarColor(Color.TRANSPARENT);
ActionBar actionBar = activity.getActionBar();
actionBar.hide();
return;
}
// versionCode > 4.4 and versionCode < 5.0
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT && Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
}
}
效果如下:
这里先调用getWindow().getDecorView()方法获取到了当前界面的DecorView,然后调用它的setSystemUiVisibility()方法来设置系统UI元素的可见性。其中,SYSTEM_UI_FLAG_FULLSCREEN表示全屏的意思,也就是会将状态栏隐藏。另外,根据Android的设计建议,ActionBar是不应该独立于状态栏而单独显示的,因此状态栏如果隐藏了,我们同时也需要调用ActionBar的hide()方法将ActionBar也进行隐藏。
隐藏导航栏,状态栏:
一般游戏需要这种界面,代码如下:
在Activity的onWindowFocusChanged()中去设置界面完全全屏。
/**
* 导航栏,状态栏隐藏
* @param activity
*/
public static void NavigationBarStatusBar(Activity activity,boolean hasFocus){
if (hasFocus && Build.VERSION.SDK_INT >= 19) {
View decorView = activity.getWindow().getDecorView();
decorView.setSystemUiVisibility(
View.SYSTEM_UI_FLAG_LAYOUT_STABLE
| View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_FULLSCREEN
| View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
}
}
效果如下:
可以看到,界面默认情况下是全屏的,状态栏和导航栏都不会显示。而当我们需要用到状态栏或导航栏时,只需要在屏幕顶部向下拉,或者在屏幕右侧向左拉,状态栏和导航栏就会显示出来,此时界面上任何元素的显示或大小都不会受影响。过一段时间后如果没有任何操作,状态栏和导航栏又会自动隐藏起来,重新回到全屏状态。
透明状态栏,导航栏:
另外,通过设置UI Flag,可以让导航栏,状态栏都透明化。
/**
* 导航栏,状态栏透明
* @param activity
*/
public static void setNavigationBarStatusBarTranslucent(Activity activity){
if (Build.VERSION.SDK_INT >= 21) {
View decorView = activity.getWindow().getDecorView();
int option = View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
decorView.setSystemUiVisibility(option);
activity.getWindow().setNavigationBarColor(Color.TRANSPARENT);
activity.getWindow().setStatusBarColor(Color.TRANSPARENT);
}
ActionBar actionBar = activity.getActionBar();
actionBar.hide();
}
效果如下:
以上所述是小编给大家介绍的Android 沉浸式状态栏与隐藏导航栏实例详解网站的支持!
来源:http://blog.csdn.net/qiyei2009/article/details/74435809
猜你喜欢
- 先来看看下面List<T>泛型集合的排序例子:using System;using System.Collections.Gen
- Lambda 表达式最早接触到 Lambda 表达式的时候,是在学习 python 的时候,当时就很好奇。后来,才发现 Java 也有这个方
- C#中对象,字符串,dataTable、DataReader、DataSet,对象集合转换成Json字符串方法。public class C
- 看代码吧~package com.mtpc.admin.controller.exportSql;import ch.qos.logback
- web 容器的设计开发一个web容器涉及很多不同方面不同层面的技术,例如通信层的知识,程序语言层面的知识等等,且一个可用的web容器是一个比
- 问题发现今天发生了一件事,令我非常郁闷,就是我在使用一个SDK时,当我调用他的方法时,提示我方法中的参数var1, var2如下:// 方法
- 背景最近引入了 Nacos Config 配置管理能力,说起来用法很简单,还是踩了三个坑。Nacos Config 的 nacos 的帐号密
- 最近的需求有一个自动发布的功能, 需要做到每次提交都要动态的添加一个定时任务代码结构1. 配置类package com.orion.ops.
- 一、导航栏UINavigationBar1、导航栏的使用在iOS开发中,我们通常会使用导航控制器,导航控制器中封装了一个UINavigati
- SpringBoot配置文件的替换使用spring.profiles.active在工作中,测试或上线的时候一定会遇到的问题就是修改配置。一
- 一般数据库的编码是utf8,utf8是不支持存储表情符的,当存入的微信昵称带有表情符时就会出现乱码情况,有两种解决方法:1.mysql数据库
- 其中包含两个jsp文件,分别为login.jsp和index.jsp代码如下:login.jsp<%@ page language=&
- C#接口的学习,在编程中,我们经常会用到接口,那什么是接口呢?接口描述的是可属于任何类或结构的一组相关功能,所以实现接口的类或结构必须实现接
- 本文实例为大家分享了spring aop注解配置的具体代码,供大家参考,具体内容如下Demo.javapackage cn.itcast.e
- 本文为大家分享了android实现图片橡皮擦和快速染色的具体代码,供大家参考,具体内容如下源码地址:Eraselmg1.染色 &n
- 1、使用FileStream读写文件 文件头:using System;using System.Collections.Gene
- Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一,大家可以查看RFC2045~RFC2049,上面有MIME的详细规范。B
- 将某个项目从Spring Boot1升级Spring Boot2之后出现如下报错,查了很多不同的解决方法都没有解决:Spring boot2
- 本文实例为大家分享了Unity打印机打印图片的具体代码,供大家参考,具体内容如下1、调用打印机首先就是要配置好打印机 就是电脑跟打印机已经连
- 目录概述&选型单机安装配置双机主从高可用搭建启动多个NameServer 和 Broker重要参数说明可视化管理平台SpringBo