3

我正在尝试让边缘到边缘（https://youtu.be/OCHEjeLC_UY?t=1635）在 API 21 到 29 上正常工作。

我在我的v27\themes.xml：

<item name="android:windowLightNavigationBar">true</item>
<item name="android:navigationBarColor">@android:color/transparent</item>

这在我的活动中：

override fun onWindowFocusChanged(hasFocus: Boolean) {
    super.onWindowFocusChanged(hasFocus)

    if (hasFocus) {
        window.decorView.systemUiVisibility =
            View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION or View.SYSTEM_UI_FLAG_LAYOUT_STABLE
    }
}

另外，我正在设置android:fitsSystemWindows=true我的AppBarLayout.

有了这个，它在 API >= 27 上看起来很好，其中内容在现在透明的导航栏后面滚动，但在旧 API 上，内容被黑色导航栏覆盖。

我知道我需要获取WindowInsets并将其添加到我现有的填充中（或者如果AppBarLayout它自己处理插图），但我无法让它与 FAB 一起使用。

我发现这篇关于将插图添加到padding视图的文章，但因为 FAB 使用margin我不确定，如果我在正确的轨道上。

是否有任何文档，例如，关于如何在边缘到边缘处理插入的最佳实践？似乎有些小部件喜欢AppBarLayout优雅地处理它，但我怎样才能让 FAB 也调整它的边距？

更新 1

要指定，添加android:fitsSystemWindows=true到CoordinatorLayout它时也会处理插图，但有一个主要缺点：

我有两个布局，每个布局都有一个CoordinatorLayout：“父布局”定义了CoordinatorLayoutaAppBarLayout和 aFrameLayout来保存实际内容和放置在后者中的 Fragment 使用的“子布局”。

因此，我无法添加android:fitsSystemWindows=true到子布局，因为它会导致顶部（工具栏和内容之间）有一个空白空间，并且我不能将它放在父布局中，因为这样 FAB 将不会更新到插图.

4

2 回答 2

12

编辑 2022-01-16：

现在我们可以使用https://google.github.io/accompanist/insets来获取 jetpack compose 的插图，然后像 @shogun-nassar 在他的回答WindowCompat.setDecorFitsSystemWindows(window, false)中正确指出的那样添加。

原答案：

提供最终答案：

不要android:fitsSystemWindows在任何地方使用，而是手动将插图应用到屏幕边缘的任何视图，否则它们会滑到系统栏后面（例如AppBarLayout或FloatingActionButton）。

我写了一些助手来将插图添加到填充或边距，尊重任何先前添加的（需要androidx.core:core:1.2.0-alpha01）：

fun View.addSystemWindowInsetToPadding(
    left: Boolean = false,
    top: Boolean = false,
    right: Boolean = false,
    bottom: Boolean = false
) {
    val (initialLeft, initialTop, initialRight, initialBottom) =
        listOf(paddingLeft, paddingTop, paddingRight, paddingBottom)

    ViewCompat.setOnApplyWindowInsetsListener(this) { view, insets ->
        view.updatePadding(
            left = initialLeft + (if (left) insets.systemWindowInsetLeft else 0),
            top = initialTop + (if (top) insets.systemWindowInsetTop else 0),
            right = initialRight + (if (right) insets.systemWindowInsetRight else 0),
            bottom = initialBottom + (if (bottom) insets.systemWindowInsetBottom else 0)
        )

        insets
    }
}

fun View.addSystemWindowInsetToMargin(
    left: Boolean = false,
    top: Boolean = false,
    right: Boolean = false,
    bottom: Boolean = false
) {
    val (initialLeft, initialTop, initialRight, initialBottom) =
        listOf(marginLeft, marginTop, marginRight, marginBottom)

    ViewCompat.setOnApplyWindowInsetsListener(this) { view, insets ->
        view.updateLayoutParams {
            (this as? ViewGroup.MarginLayoutParams)?.let {
                updateMargins(
                    left = initialLeft + (if (left) insets.systemWindowInsetLeft else 0),
                    top = initialTop + (if (top) insets.systemWindowInsetTop else 0),
                    right = initialRight + (if (right) insets.systemWindowInsetRight else 0),
                    bottom = initialBottom + (if (bottom) insets.systemWindowInsetBottom else 0)
                )
            }
        }

        insets
    }
}

例如，只需调用fab.addSystemWindowInsetToMargin(bottom = true)，FAB 就会向上移动到导航栏上方。或者app_bar.addSystemWindowInsetToPadding(top = true)将应用栏保持在状态栏下方（注意边距/填充差异）。

于 2019-08-02T12:31:23.753 回答
0

根据https://developer.android.com/training/gestures/edge-to-edge#kotlin

只需在 BaseActivity 或您想要的任何活动上使用它：

   override fun onCreate(savedInstanceState: Bundle?) {
     super.onCreate(savedInstanceState)
     WindowCompat.setDecorFitsSystemWindows(window, false)
   }

注意：不要在任何地方使用这个

android:fitsSystemWindows="true"
于 2022-01-14T17:29:22.100 回答