compose 透明状态栏

最新推荐文章于 2025-08-22 15:29:50 发布

原创最新推荐文章于 2025-08-22 15:29:50 发布 · 492 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#kotlin #composer #android

本文介绍了如何在使用AndroidXCompose时，通过`TransparentSystemBars`组件实现Activity中的透明状态栏和导航栏，以及利用`SystemUiController`进行相关设置，确保在每次重新渲染时保持效果一致。

依赖

 implementation 'androidx.compose.ui:ui:1.4.3'
    implementation 'androidx.compose.ui:ui-tooling:1.4.3'
    implementation 'androidx.compose.material:material:1.4.3'
    implementation 'androidx.compose.material:material-icons-extended:1.4.3'
    implementation 'androidx.compose.runtime:runtime-livedata:1.4.3'
    implementation 'androidx.compose.animation:animation:1.4.3'

    implementation 'androidx.activity:activity-compose:1.7.0'
    implementation 'com.google.accompanist:accompanist-systemuicontroller:0.30.1'

Activity

下面展示一些 内联代码片。

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
//        WindowCompat.setDecorFitsSystemWindows(window, false)
        setContent{
            TransparentSystemBars()
        }
    }
}

@Composable
fun TransparentSystemBars() {
    val systemUiController = rememberSystemUiController()

    val useDarkIcons = !isSystemInDarkTheme()
    SideEffect {
        systemUiController.setSystemBarsColor(
            color = Color.Transparent,
            darkIcons = useDarkIcons,
            isNavigationBarContrastEnforced = false
        )
        systemUiController.systemBarsBehavior =
            WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
        systemUiController.isStatusBarVisible = false
        systemUiController.isSystemBarsVisible = false
        systemUiController.isNavigationBarVisible = false //navigation bar
    }


}