带 DisplayCutout 的全屏应用

Posted

技术标签:

【中文标题】带 DisplayCutout 的全屏应用【英文标题】:Fullscreen App With DisplayCutout 【发布时间】:2018-08-17 19:49:11 【问题描述】:

您如何制作具有实际全屏功能的应用程序,该应用程序具有要在刘海下方呈现的布局?

这就是我想要的:

这是我尝试过的代码:

class MainActivity : Activity() 

    override fun onCreate(savedInstanceState: Bundle?) 
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) 
//            window.addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN)

            val attrib = window.attributes
            attrib.layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_ALWAYS

            layout_main.setOnApplyWindowInsetsListener  _, windowInsets ->
                val inset = windowInsets.displayCutout
                Log.d("Tag", "Inset: $inset")
                windowInsets
            
        
    

布局:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/layout_main"
    android:layout_
    android:layout_
    android:background="#3000FFFF"
    android:fitsSystemWindows="true">

    <View
        android:layout_
        android:layout_
        android:background="#FFFF0000"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <View
        android:layout_
        android:layout_
        android:background="#FF00FF00"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <View
        android:layout_
        android:layout_
        android:background="#FF0000FF"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <View
        android:layout_
        android:layout_
        android:background="#FFFF00"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent" />

    <TextView
        android:layout_
        android:layout_
        android:gravity="center"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

风格:

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>

    <item name="android:windowNoTitle">true</item>
    <item name="android:windowActionBar">false</item>
    <item name="android:windowFullscreen">true</item>
    <item name="android:windowContentOverlay">@null</item>

    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowTranslucentNavigation">true</item>
</style>

这是 Android 清单:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.app.testandroidp">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">

        <activity
            android:name="com.app.testandroidp.MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

    </application>

</manifest>

这是我目前得到的结果:

我尝试设置不同的主题,在 XML / Kotlin 中设置全屏标志,在清单中设置可调整大小的活动,但活动不会在缺口下呈现。

供参考,这是项目的源代码:https://gitlab.com/alvin.rusli/AndroidPTest

【问题讨论】:

不确定你从哪里得到window.attributes,我不得不使用getWindow().getAttributes() @Michael 使用 Kotlin 会自动从 getter/setter 方法中删除 get/set 【参考方案1】:

在您的主题中设置这些属性:

<item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
<item name="android:windowTranslucentStatus">true</item>
<item name="android:windowTranslucentNavigation">true</item>

【讨论】:

这是最简单最好的答案【参考方案2】:

我尝试了很多东西但没有成功,然后我尝试了以下代码,它工作正常。

@Override
    protected void onCreate(Bundle savedInstanceState) 
        super.onCreate(savedInstanceState);

        getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) 
            getWindow().getAttributes().layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES;
        

      ---
    

希望对你有帮助。

【讨论】:

谢谢!非常适合我!【参考方案3】:

我终于找到了原因。由于某些奇怪的原因,应用程序不会进入 if 条件:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) 
    // It never gets here

我删除了 if 条件和活动最终正确地全屏显示。


以下是全屏呈现活动所需的最少代码。

活动:

class MainActivity : AppCompatActivity() 

    override fun onCreate(savedInstanceState: Bundle?) 
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        // or add <item name="android:windowTranslucentStatus">true</item> in the theme
        window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS)

        val attrib = window.attributes
        attrib.layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES
    

样式:

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>

    <!-- Adding fullscreen will just hide the status bar -->
    <!-- <item name="android:windowFullscreen">true</item> -->
</style>

【讨论】:

是的,模拟器返回的版本码还是27。lint给你错误的修复,你基本上必须到处@SuppressLint("NewAPI")... 我认为 LAYOUT_IN_DISPLAY_CUTOUT_MODE_ALWAYS 被替换为 LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES : developer.android.com/reference/android/view/… 。这是真的吗?是同一个意思吗?它会占用整个屏幕,包括不安全的区域? @androiddeveloper 我测试了更新代码,并像以前一样将 ALWAYS 更改为新的 SHORT_EDGES 工作,但现在我想知道你必须做什么才能为“双切口”制作完整的全屏视图缺口 @AlvinR​​usli 为此,您可以有 2 个选项:沉浸式模式,如下所示:developer.android.com/training/system-ui/immersive。或者,如果您想显示导航栏,请使用:***.com/a/29138275/878126,将其包含在代码中:window.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS) @androiddeveloper 知道了,window.decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY or View.SYSTEM_UI_FLAG_FULLSCREEN or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION 有效,谢谢!【参考方案4】:

如果没有任何效果,请尝试一次

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P)
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS,
                WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
    

【讨论】:

这是唯一适用于缺口设备的答案。 有条件的完美解决方案...:)【参考方案5】:

我在为 Notch 设备开发应用程序时遇到了同样的问题,我通过为 android P 设备定义主题样式并设置默认、shortEdges、never 模式等模式来解决这个问题。

第 1 步: 在你的 res 目录中新建一个 values-v28 文件夹,并将默认的 styles.xml 文件复制到其中。

第 2 步: 在 styles.xml 文件的 values-28 变体中,转到 Activity 的主题,如果您一直使用默认主题,则创建一个新主题,然后设置此属性:

<style name="ActivityTheme">
  <item name="android:windowLayoutInDisplayCutoutMode">
    shortEdges
  </item>
</style>

这就是您在应用中获得更加身临其境的体验并通过在凹槽的任一侧区域渲染应用的窗口来避免信箱问题所要做的一切。

这里是了解更多关于为 Notch 设备开发兼容应用程序的链接。 Making Notch Friendly Apps

【讨论】:

【参考方案6】:

这对我有用:

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) 
    super.onCreate(savedInstanceState);
    
    requestWindowFeature(Window.FEATURE_NO_TITLE);
    getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
    
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) 
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
        getWindow().getAttributes().layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES;
    

【讨论】:

【参考方案7】:

那是因为您使用的是尚未正式发布的 Android P。您可能有一个与供应商有问题的开发者预览版。如果您在 Google 上搜索您的系统并最终进入 XDA 页面,您可能能够在您的 Android 版本的错误中找到“供应商”。通常,Developer Previews 会保留以前 Android 版本的供应商,因此,当您在下面的行中检查它时,您的应用会认为它在 Android Oreo 中:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P)

【讨论】:

【参考方案8】:

下面的代码对我有用,我希望它也对你有用:

protected void onCreate(Bundle savedInstanceState) 
    requestWindowFeature(Window.FEATURE_NO_TITLE);//will hide the title
    getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN); //show the activity in full screen
    setContentView(R.layout.activity_pdf_view);

    getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) 
        getWindow().getAttributes().layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES;
        getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
    

    

【讨论】:

【参考方案9】:

尝试以下风格,

<style name="SplashTheme" parent="Theme.AppCompat.NoActionBar">
    <item name="windowNoTitle">true</item>
    <item name="android:windowFullscreen">true</item>
</style>

【讨论】:

奇怪了,能把你的 manifest.xml 的代码贴出来吗? 当然,这是一个完全空白的项目,但其中没有任何内容,我将在问题上发布 gitlab 链接。 @AlvinR​​usli,抱歉,我也无法解决。【参考方案10】:

如果您想在应用中的任何地方应用它,那么根据 Android 文档有一个更简单的解决方案:

将此项目添加到您的主题文件中

  <item name="android:windowLayoutInDisplayCutoutMode">
    shortEdges <!-- default, shortEdges, or never -->
  </item>

See more at this Android Documentation

【讨论】:

以上是关于带 DisplayCutout 的全屏应用的主要内容,如果未能解决你的问题,请参考以下文章

Safari iOS13 iPad 上的全屏 PWA 具有带阅读器和“完成”按钮的 URL 栏,无法隐藏

带封面图片的全屏背景 HTML5 视频

如何拥有不调整大小的全屏背景图像(带中心裁剪)

创建 Activity 时如何获取 DisplayCutout 高度?

[Vue Js]如何实现一个带遮罩的全屏div

CHROME看斗鱼时全屏时提醒“允许使用带有键盘控制的全屏模式?...