首页 > 解决方案 > 当状态栏被隐藏时,有没有办法防止布局“跳跃”?

问题描述

我正在尝试使用视图寻呼机在我的应用程序中实现照片查看器。只需轻轻一按,我就能让系统 UI 消失(导航栏和状态栏)。我遇到的唯一问题是,每次我使状态栏消失并重新出现时,我的视图寻呼机上的布局都会开始抖动或跳跃。

我的实现的可视化

我要实现的

我已尝试按照堆栈溢出帖子中的建议设置系统 ui 标志。但它仍然给我“跳跃”的布局响应。

下面的代码是我用来隐藏/显示状态栏的代码:

/**
 * Hide status bar and navigation bar.
 */
private fun hideSysWindows(activity: Window) {
    activity.decorView.systemUiVisibility = (View.SYSTEM_UI_FLAG_LAYOUT_STABLE
            or View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
            or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
            or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
            or View.SYSTEM_UI_FLAG_FULLSCREEN
            or View.SYSTEM_UI_FLAG_IMMERSIVE)
}

/**
 * Show status bar and navigation bar.
 */
private fun showSysWindows(activity: Window) {
    activity.decorView.systemUiVisibility = (View.SYSTEM_UI_FLAG_LAYOUT_STABLE
            or View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
            or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN)
}

我的视图寻呼机的 XML 代码:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:background="@color/black">

    <com.example.snapkit.mediaviewer.MediaViewPager android:layout_width="match_parent"
                                                    android:layout_height="match_parent"
                                                    android:id="@+id/media_viewer"/>

</LinearLayout>

标签: androidxmlkotlinandroid-viewpagerwindowinsets

解决方案


因此,我在一个新项目上进行了实施,并在我的模拟器中的两个不同设备(Pixel 2 XL 和 Pixel 3 XL)上进行了尝试。我注意到它通常会隐藏在像素 2 下方,但在像素 3 xl(带有缺口)上,它会在缺口本身下方绘制。

经过一番搜索,我意识到我必须弄乱显示切口(也称为缺口)并设置一个标志来告诉系统 ui 在缺口本身下绘制。

这就像一个魅力,希望下面的代码能帮助任何看到这个的人。

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

推荐阅读