【Android】实现状态栏背景透明,系统时间/图标直接显示在页面背景上

一、核心原理(关键点)

  • 让系统状态栏背景变成透明;
  • 调整状态栏文字颜色,确保和背景区分开;
  • 让页面内容可以延伸到状态栏下方;

二、实现步骤

1、在 Activity 代码中设置

  • WindowCompat.setDecorFitsSystemWindows(window, false):页面内容可以延伸到屏幕最顶端,和状态栏重叠。
  • statusBarColor:让状态栏背景完全透明。
  • isAppearanceLightStatusBars:适配浅色背景,状态栏文字黑色。
  • isStatusBarContrastEnforced: 关闭状态栏遮罩,否则状态栏会是半透明,不是全透明。
kotlin 复制代码
...
class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        setStatusBarTransparent(window)
    }
    
    /**
     * 设置状态栏透明,文字黑色,覆盖在页面内容上面
     */
    fun setStatusBarTransparent(window: Window) {
        // 布局可以延伸到屏幕最顶端
        WindowCompat.setDecorFitsSystemWindows(window, false)

        // 把状态栏背景设为透明
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            window.statusBarColor = Color.TRANSPARENT
        }

        // 关闭状态栏遮罩,否则状态栏会是半透明,不是全透明
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
            window.isStatusBarContrastEnforced = false
        }

        // 页面布局可绘制到全屏,不受状态栏、导航栏高度限制
        window.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS)

        // 适配浅色背景,状态栏文字黑色
        val insetsController = WindowCompat.getInsetsController(window, window.decorView)
        insetsController.isAppearanceLightStatusBars = true
    }
}

2、XML 布局中设置 fitsSystemWindows(可选)

  • 设置 fitsSystemWindows 为 false,页面内容可以顶到屏幕最顶部,和状态栏重叠。
  • 效果类似于代码实现:WindowCompat.setDecorFitsSystemWindows(window, false)。
kotlin 复制代码
<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="false"> <!-- 设为false,让内容延伸到状态栏下 -->

    <!-- 你的页面背景和内容,比如渐变背景、首页标题 -->

</androidx.constraintlayout.widget.ConstraintLayout>
相关推荐
stevenzqzq12 分钟前
mvi的理解
android·compose
脚踏实地,坚持不懈!33 分钟前
Android 电池健康度检测全流程(驱动 → 内核 → HAL → Framework)
android·linux
恋猫de小郭38 分钟前
Genkit Dart 1.0 发布,Flutter 原生的 AI Agent 终于完整了
android·前端·flutter
迪康妍妍44 分钟前
终端安全实战:用迪康终端安全管理系统实现U盘四分档管控与全量审计
android·运维·网络·安全·电脑
JackLam1 小时前
mobile-use 使用与接入第三方 LLM 网关完整指南OC
android·ai·mobile use
snotJam1 小时前
关于Uniapp的Android自定义基座使用
android·uni-app
TST-魚爷1 小时前
易视讯会议摄像头电视安装教程
android·电脑·钉钉·腾讯会议·zoom会议
墨天梦11 小时前
B17_LifecycleLiveData与Flow
android·kotlin
_祝你今天愉快12 小时前
UI核心 - 绘制流程(测量、布局、绘制)
android
冬奇Lab13 小时前
LLM 驱动的自动化测试系列(07):移动端自动化(三)——Mobile-Agent-v3 与自研 GUI-Owl 模型路线
android·人工智能·测试