Android端实现隐藏状态栏/导航栏且保留屏幕上下内边距的沉浸式模式技术方案咨询

嘿，这个需求完全能实现，和Spotify播放Canvas时的效果逻辑一致，我分Android和iOS两个平台给你拆解具体实现步骤，核心思路是只隐藏状态栏图标，保留状态栏区域的背景和应用布局的原有位置：

Android 实现方案 #

1. 核心配置：确保布局不被状态栏挤压 #

首先要保证应用内容不会因为状态栏隐藏而上移，保留原有的布局尺寸和位置：

• 在Activity的布局根节点添加android:fitsSystemWindows="true"，这样系统会自动给布局添加顶部padding，避免内容跑到状态栏下方。
• 把状态栏颜色设置为你应用顶部的背景色，让状态栏区域看起来和应用顶部融为一体：

// 在Activity的onCreate方法中设置
window.statusBarColor = ContextCompat.getColor(this, R.color.your_top_background_color)

2. 控制状态栏图标淡入淡出 #

使用Android 11（API 30）及以上推荐的WindowInsetsController来控制状态栏图标的显示/隐藏，自带系统级的淡入淡出动画，完全符合你的需求：

// 定义状态变量，标记状态栏是否可见
private var isStatusBarVisible = true

// 按钮点击事件处理
toggleButton.setOnClickListener {
    val insetsController = ViewCompat.getWindowInsetsController(window.decorView) ?: return@setOnClickListener
    
    if (isStatusBarVisible) {
        // 隐藏状态栏图标，带动画
        insetsController.hide(WindowInsets.Type.statusBars(), true)
        // 同时隐藏导航栏（如果需要）
        insetsController.hide(WindowInsets.Type.navigationBars(), true)
    } else {
        // 显示状态栏图标，带动画
        insetsController.show(WindowInsets.Type.statusBars(), true)
        // 显示导航栏（如果需要）
        insetsController.show(WindowInsets.Type.navigationBars(), true)
    }
    
    isStatusBarVisible = !isStatusBarVisible
}

3. 刘海屏适配：避免状态栏变黑 #

针对刘海屏设备，设置正确的显示模式，让状态栏延伸到刘海区域，保持和应用顶部一致的背景色：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
    window.layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES
}

这个配置会让状态栏填充刘海区域，不会出现黑色块，完美适配异形屏。

iOS 实现方案 #

1. 开启ViewController级别的状态栏控制 #

首先在Info.plist中添加UIViewControllerBasedStatusBarAppearance并设置为YES，这样每个ViewController可以独立控制状态栏。

2. 实现淡入淡出切换逻辑 #

在目标ViewController中添加以下代码，通过状态变量控制状态栏的显示/隐藏，并指定淡入淡出动画：

// 标记状态栏是否隐藏
var isStatusBarHidden = false {
    didSet {
        // 通知系统更新状态栏样式
        setNeedsStatusBarAppearanceUpdate()
    }
}

// 重写状态栏隐藏状态
override var prefersStatusBarHidden: Bool {
    return isStatusBarHidden
}

// 指定状态栏更新动画为淡入淡出
override var preferredStatusBarUpdateAnimation: UIStatusBarAnimation {
    return .fade
}

// 按钮点击事件
@IBAction func toggleStatusBar(_ sender: UIButton) {
    isStatusBarHidden = !isStatusBarHidden
}

iOS默认会保留状态栏的空间，应用布局不会上移，状态栏区域会自动显示应用顶部的背景色（比如导航栏颜色），刘海屏也会自动适配，不会出现黑色块。

关键注意事项 #

• 不要使用全屏模式（比如Android的FLAG_FULLSCREEN、iOS的edgesForExtendedLayout = .all），否则会导致应用内容上移填充状态栏空间，违背你的需求。
• 优先使用系统提供的动画接口，避免自己手动实现透明度动画，这样效果更流畅，也符合系统交互规范。

内容的提问来源于stack exchange，提问作者mosh.jinton