首先说一下我对沉浸式状态栏的理解，在4.4之前，状态栏都是黑乎乎的，看起来很不美观，在4.4之后可以将状态栏设置成透明并和标题栏同一种颜色。以下是我总结的实现沉浸式的几种方式。第一种方式：使用系统API实现沉浸式1.1、首先看布局文件添加android:fitsSystemWindows=”true”， android:clipToPadding=”true”两个属性<?xml versio
转载
2023-09-24 23:22:24
178阅读
在Android4.0 (API Level 14)及更高版本中，System Bar由Status Bar<位于顶部>和Navigation Bar<位于底部>组成。 在Android的官方网站已经详细讲解了如何Hdie Status Bar和Navigation Bar。 1、透明状态栏，内容延伸至状态栏 在主题中设置 API 19<st
何为沉浸式？沉浸式就是app的头部和状态栏和何为一体的，webview即为整个手机的高度何为状态栏？状态栏就是手机顶部，显示时间电量那一行除此还有刘海屏，水滴屏，挖孔屏，全面屏，非刘海屏，不同手机状态栏高度又不太一样，需要我们去适配，有一个段子说，如果看到那个手机适配有问题，赶紧把那个手机藏起来，不要让测试发现了。我们用HBuilder创建的应用默认是不开启沉浸式的，需要我们手动如下配置开启。打开
转载
2023-09-25 17:59:22
401阅读
导入依赖： implementation 'com.gyf.immersionbar:immersionbar:3.0.0' gradle.properties加入如下配置,不然可能编译报错：android.useAndroidX=true
android.enableJetifier=true// 设置状态栏颜色为白色
ImmersionBar.with(this).statusBarCo
转载
2024-02-28 10:57:34
400阅读
# iOS 沉浸式状态栏
## 什么是沉浸式状态栏？
在iOS应用开发中，沉浸式状态栏是一种利用全屏显示的用户界面设计模式。通过这种设计，应用程序的内容可以扩展到状态栏和导航栏区域，从而为用户提供更好的沉浸体验。特别是在游戏和多媒体应用中，沉浸式状态栏能够使用户感受到更强的代入感。
## 何时使用沉浸式状态栏？
沉浸式状态栏通常在以下情况下使用：
- 当应用展示内容（如照片、视频）时，希望
原创
2024-10-14 05:44:30
191阅读
之前对于状态栏这块一直处于模糊状态，不是很清楚，实现方式也一直使用的之前很流行的SystemBarTintManager这个类库，后来遇到白底+黑字样式的状态栏，类似首页轮播、我的等一些页面要和状态栏融为一体，简单实现之后**测试手机：魅族pro6s 7.1.1 ; 红米4A 6.0.1 ，三星GalaxyJ3 7.1.1 一：首先我们先实现状态栏和toolbar颜色一致的效果，效果如下： 代码
转载
2024-10-31 17:04:49
46阅读
上周在技术群有朋友说小米 MIUI6 支持沉浸式状态栏，就在自己项目中添加了实现，发现效果还不错。 沉浸式是个什么东西呢，iPhone用户应该知道这东西，状态栏会显示一些wifi 电量等信息，但是安卓里面状态栏是一个黑色的背景，很难看，就算app做的在好看，但是一看到最上面的状态栏就会感到格格不入，但是iPhone的状态栏颜色可以做到跟app的顶部标题栏的颜色一模一样，看起来状态栏是app的一体
转载
2024-01-17 09:06:37
115阅读
由于Android默认的状态栏确实不够好看，现在好多主流APP都是使用自定义状态栏，那我们怎么来自定义呢，今天分享两种方式效果图第一种：修改系统默认属性fun initWindow() {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { //判断SDK的版本是否>=21
转载
2023-06-15 19:05:39
1209阅读
三种方式实现沉浸式状态栏沉浸式状态栏：Google从Android kitkat(Android 4.4)开始,给我们开发者提供了一套能透明的系统ui样式给状态栏和导航栏，这样的话就不用向以前那样每天面对着黑乎乎的上下两条黑栏了，还可以调成跟Activity一样的样式，形成一个完整的主题,和IOS7.0以上系统一样了首先看下效果 首先看下第一种方式系统的方式沉浸式状态栏实现步奏一//当系统版本为4
转载
2024-05-17 10:22:19
76阅读
首先导入依赖：compile 'com.gyf.barlibrary:barlibrary:2.3.0'用法：在Activity中的使用：只有短短的5行左右就实现了沉浸式效果。package com.example.ljg.my_ljg_project;
import android.os.Bundle;
import com.example.ljg.my_ljg_project.base.Bas
转载
2024-01-17 11:20:45
298阅读
根据项目组的安排，最近接触了React Native。在经过一段煎熬的适应之后，慢慢的发现React Native确实有它的优势和独到之处，这个不是本文的重点，所以还没接触或刚接触React Native的小伙伴们，慢慢体会吧。 废话不多讲，言归正传，本文重点聊聊状态栏，以及有时状态栏不刷新问题。 现在的APP绝大部分
转载
2024-07-21 08:19:20
141阅读
# Vue iOS沉浸式状态栏
在移动应用开发中，一个常见需求是实现沉浸式状态栏，尤其是在iOS设备上。沉浸式状态栏可以让应用的界面更加美观，给用户更好的交互体验。本文将介绍如何在Vue项目中实现iOS沉浸式状态栏，并提供示例代码。
## 什么是沉浸式状态栏
沉浸式状态栏是指应用界面中状态栏的背景色与应用界面的背景色融为一体，达到一种无边界、延伸至状态栏的效果。在iOS设备上，通常状态栏的背
原创
2023-07-21 10:25:04
1491阅读
现在很多App上的状态栏要么是透明的要么和ActionBar一种颜色,那这种效果如何实现的呢?沉浸式是什么?沉浸式什么？百度百科上说，沉浸就是让人专注在当前的目标（由设计者营造）情境下感到愉悦和满足，而忘记真实世界的情境。其实根本没有沉浸式状态栏这一叫法的说法，Android官方其实把这种模式叫做沉浸式模式。页面元素一个完整的页面主要有以下元素： 沉浸式模式其实就是让页面全屏化，把状态栏、acti
转载
2023-08-14 19:30:47
103阅读
点击直接下载https://github.com/fakerlove1/Demo2记得多多点赞，fork !!!!!
原创
2023-05-10 14:55:59
166阅读
本文主要是自己实现任务后的一则记录吧，效果实现了，想记下来，需要的朋友可以参考。 一，首先给大家介绍一下什么是沉浸式状态栏（注意：该功能最低兼容API 19的，即Android 4.4(Kitkat)）。 通俗的说沉浸式状态栏就是将Android 中Activity的默认的状态栏改变为制定的颜色。 &nbs
转载
2023-08-14 14:35:37
300阅读
首先明确一下沉浸式状态栏的概念有两种类型顶部是ImageView这种需要将其填充到状态栏 顶部是ActionBar这种不需要填充到状态栏 而上面的第二种情况覆盖了绝大部分页面，所以下面的思路也是基于这点来实现。第一步： 在BaseActivity里面实现如下代码public abstract class B
转载
2023-07-27 09:13:30
304阅读
实现沉浸式状态栏的关键就是使用RN官方提供的StatusBar。实现步骤可以分为以下两步：（1）自定义StatusBar的行为；（2）在自定义Header中使用封装好的StatusBarComp；在开始实现前，需要明确一点，StatusBar在两个平台上的表现是有差异的。首先，在项目中，为了Header的自由度，我往往会自定义一个Header组件，而不是使用react-navigation官方提供
转载
2023-10-04 13:59:29
375阅读
话说上一篇沉浸式状态栏的实现方法基本可以适用于绝大部分设备，普通项目用足够了，但是看到QQ的的界面，效果却略显不同：如图，这种沉浸式效果如果按第一篇的方法来做，就达不到这种效果了，我实际实现了下，也确实没达到，用SystemBarTintManager的效果如下：我同样用了一个侧滑菜单（slidemenu）来模仿qq的侧滑菜单，实际效果如上图所示，这是为什么呢？我们只要知道System
转载
2024-08-15 18:32:30
96阅读
# iOS 沉浸状态栏的深度解析
在 iOS 应用的开发过程中，状态栏是一个非常重要的界面元素。传统的状态栏位于界面的顶部，提供了时间、信号强度、电池状态等信息。但随着 iPhone X 及后续机型的推出，苹果引入了全面屏设计，这种设计使得状态栏变得更加浸入（或称为沉浸式）。本文将对 iOS 的沉浸状态栏进行深入探讨，包括如何实现和代码示例。
## 什么是沉浸状态栏？
沉浸状态栏（或者说“透
android沉浸式状态栏封装—教你玩出新花样项目中我们有时候都要用的透明状态栏（这里也成沉浸式状态栏），今天介绍一个gyf-dev写的一个封装状态栏开源框架效果图如下：沉浸式进行测试解决白色状态栏问题正文从Android4.4开始，才可以实现状态栏着色，并且从5.0开始系统更加完善了这一功能。之前写过关于一篇 关于activity状态栏的一些总结有关Activi
