上周在技术群有朋友说小米 MIUI6 支持沉浸式状态栏，就在自己项目中添加了实现，发现效果还不错。 沉浸式是个什么东西呢，iPhone用户应该知道这东西，状态栏会显示一些wifi 电量等信息，但是安卓里面状态栏是一个黑色的背景，很难看，就算app做的在好看，但是一看到最上面的状态栏就会感到格格不入，但是iPhone的状态栏颜色可以做到跟app的顶部标题栏的颜色一模一样，看起来状态栏是app的一体
转载
2024-01-17 09:06:37
115阅读
何为沉浸式？沉浸式就是app的头部和状态栏和何为一体的，webview即为整个手机的高度何为状态栏？状态栏就是手机顶部，显示时间电量那一行除此还有刘海屏，水滴屏，挖孔屏，全面屏，非刘海屏，不同手机状态栏高度又不太一样，需要我们去适配，有一个段子说，如果看到那个手机适配有问题，赶紧把那个手机藏起来，不要让测试发现了。我们用HBuilder创建的应用默认是不开启沉浸式的，需要我们手动如下配置开启。打开
转载
2023-09-25 17:59:22
401阅读
# iOS 沉浸式状态栏
## 什么是沉浸式状态栏？
在iOS应用开发中，沉浸式状态栏是一种利用全屏显示的用户界面设计模式。通过这种设计，应用程序的内容可以扩展到状态栏和导航栏区域，从而为用户提供更好的沉浸体验。特别是在游戏和多媒体应用中，沉浸式状态栏能够使用户感受到更强的代入感。
## 何时使用沉浸式状态栏？
沉浸式状态栏通常在以下情况下使用：
- 当应用展示内容（如照片、视频）时，希望
原创
2024-10-14 05:44:30
191阅读
之前对于状态栏这块一直处于模糊状态，不是很清楚，实现方式也一直使用的之前很流行的SystemBarTintManager这个类库，后来遇到白底+黑字样式的状态栏，类似首页轮播、我的等一些页面要和状态栏融为一体，简单实现之后**测试手机：魅族pro6s 7.1.1 ; 红米4A 6.0.1 ，三星GalaxyJ3 7.1.1 一：首先我们先实现状态栏和toolbar颜色一致的效果，效果如下： 代码
自从android4.4开始，android手机状态栏再也不是一成黑的时代，之前叫做变色龙，miui6发布会把他叫做沉浸式，之后大家就自然而然的接受了沉浸式这个名称，其实实际应该叫做Translucent Bar，即为透明状态栏。 沉浸式实现原理其实是使整个activity布局延伸到整个屏幕，然后使状态栏变成透明色，有些手机会有导航栏，同样也可以把导航栏变成透明色，这样会使一些app更加美观。作
转载
2023-08-01 15:18:53
1390阅读
首先说一下我对沉浸式状态栏的理解，在4.4之前，状态栏都是黑乎乎的，看起来很不美观，在4.4之后可以将状态栏设置成透明并和标题栏同一种颜色。以下是我总结的实现沉浸式的几种方式。第一种方式：使用系统API实现沉浸式1.1、首先看布局文件添加android:fitsSystemWindows=”true”， android:clipToPadding=”true”两个属性<?xml versio
转载
2023-09-24 23:22:24
178阅读
Toolbar+AppCompatActivity打造沉浸式体验；AppCompatActivity中嵌入ViewPager+Fragment. Android 3.0之后，Google引入了ActionBar，想统一安卓应用的导航栏样式。但由于ActionBar难以定制，很大程度上限制了开发人员，比如标题文字大小、间距等不易实现个性化，很多开发者放弃了ActionBar
转载
2023-07-03 13:56:47
743阅读
三种方式实现沉浸式状态栏沉浸式状态栏：Google从Android kitkat(Android 4.4)开始,给我们开发者提供了一套能透明的系统ui样式给状态栏和导航栏，这样的话就不用向以前那样每天面对着黑乎乎的上下两条黑栏了，还可以调成跟Activity一样的样式，形成一个完整的主题,和IOS7.0以上系统一样了首先看下效果 首先看下第一种方式系统的方式沉浸式状态栏实现步奏一//当系统版本为4
转载
2024-05-17 10:22:19
76阅读
沉浸式状态栏我一直在使用的 一个库 ImmersionBar，非常不错，现在都3.0了android 4.4以上沉浸式状态栏和沉浸式导航栏管理，适配横竖屏切换、刘海屏、软键盘弹出等问题，可以修改状态栏字体颜色和导航栏图标颜色，以及不可修改字体颜色手机的适配，适用于Activity、Fragment、DialogFragment、Dialog，PopupWindow，一句代码轻松实现，以及对bar的
转载
2023-08-17 21:58:23
213阅读
# Vue iOS沉浸式状态栏
在移动应用开发中，一个常见需求是实现沉浸式状态栏，尤其是在iOS设备上。沉浸式状态栏可以让应用的界面更加美观，给用户更好的交互体验。本文将介绍如何在Vue项目中实现iOS沉浸式状态栏，并提供示例代码。
## 什么是沉浸式状态栏
沉浸式状态栏是指应用界面中状态栏的背景色与应用界面的背景色融为一体，达到一种无边界、延伸至状态栏的效果。在iOS设备上，通常状态栏的背
原创
2023-07-21 10:25:04
1489阅读
在Android4.0 (API Level 14)及更高版本中，System Bar由Status Bar<位于顶部>和Navigation Bar<位于底部>组成。 在Android的官方网站已经详细讲解了如何Hdie Status Bar和Navigation Bar。 1、透明状态栏，内容延伸至状态栏 在主题中设置 API 19<st
现在很多App上的状态栏要么是透明的要么和ActionBar一种颜色,那这种效果如何实现的呢?沉浸式是什么?沉浸式什么？百度百科上说，沉浸就是让人专注在当前的目标（由设计者营造）情境下感到愉悦和满足，而忘记真实世界的情境。其实根本没有沉浸式状态栏这一叫法的说法，Android官方其实把这种模式叫做沉浸式模式。页面元素一个完整的页面主要有以下元素： 沉浸式模式其实就是让页面全屏化，把状态栏、acti
转载
2023-08-14 19:30:47
103阅读
导入依赖： 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
397阅读
点击直接下载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阅读
实现沉浸式状态栏的关键就是使用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 的沉浸状态栏进行深入探讨，包括如何实现和代码示例。
## 什么是沉浸状态栏？
沉浸状态栏（或者说“透
小菜最近正在处理客户端顶部沉浸式展示图片，借此整理了一下小菜自己研究测试的沉浸式状态栏。沉浸式状态栏大家都很熟悉，即 APP 界面图片延伸到状态栏， 应用本身沉浸于状态栏，即顶部不会默认展示系统的黑条。因为小菜技术有限，理解不透彻，所以仅分享一下自己应用测试中可以呈现的几种样式。基本样式公共的步骤：布局文件中添加使用 Toolbar 控件(纯色 Toolbar 背景色为颜色，图片 Toolbar
转载
2023-06-21 23:10:17
209阅读
目录window.decorView.systemUiVisibility 的参数常量1.View.SYSTEM_UI_FLAG_HIDE_NAVIGATION：(>=api16)2.View.SYSTEM_UI_FLAG_FULLSCREEN：(>=api16)3.View.SYSTEM_UI_FLAG_IMMERSIVE：(>=api19)4.View.SYSTEM_UI_
转载
2023-07-05 19:58:42
991阅读
