实现滚动时状态栏颜色匹配可折叠工具栏颜色

Android

2024-03-02 20:26:19

## 如何实现滚动时状态栏颜色匹配可折叠工具栏颜色

简介

在构建现代和响应式的 Android 应用程序时，协调不同组件的视觉元素至关重要。本文将探讨如何实现滚动时使状态栏颜色与可折叠工具栏颜色相匹配，打造一个无缝且沉浸式的用户体验。

可折叠工具栏和状态栏

可折叠工具栏 是一种 Material Design 组件，允许工具栏在滚动时从扩展状态折叠成紧凑状态，有效地管理屏幕空间并保持内容可见。

状态栏 位于设备屏幕顶部，显示系统信息，如时间、电池状态和通知图标。为了提升用户体验，开发人员可以动态更改状态栏颜色以匹配应用程序的内容。

解决方案

要使状态栏颜色与可折叠工具栏颜色相匹配，我们需要利用 Android 的 WindowInsets API。该 API 提供有关屏幕布局和系统 UI 元素的信息，例如状态栏高度和 scrim 颜色。

步骤

定义可折叠工具栏： 使用 CollapsingToolbarLayout 组件定义可折叠工具栏及其内容。
监听窗口内边距更改： 在活动或片段中实现 OnApplyWindowInsetsListener 接口以接收有关窗口内边距更改的回调。
提取 scrim颜色： 在 onApplyWindowInsets 回调中，获取可折叠工具栏的 WindowInsets，并从 ScrimInsets 对象中提取 scrim 颜色。
设置状态栏颜色： 使用 WindowInsetsCompat.Builder 创建新的 WindowInsets 对象，并设置 statusBarColor 字段以匹配 scrim 颜色。
应用更新后的窗口内边距： 使用 ViewCompat.setOnApplyWindowInsetsListener 将更新后的窗口内边距应用于活动或片段的根视图。

代码示例

ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.root_view)) { _, insets ->
    val scrimInsets = insets.getInsets(WindowInsetsCompat.Type.statusBars())
    val scrimColor = scrimInsets.getScrimColor()

    val newInsets = WindowInsetsCompat.Builder()
        .setInsets(WindowInsetsCompat.Type.statusBars(), insets)
        .setStatusBarColor(scrimColor)
        .build()
    ViewCompat.onApplyWindowInsets(findViewById(R.id.root_view), newInsets)
    insets
}