android studio 沉浸式-摩杜云开发者社区

Android Studio 沉浸式

在移动应用开发中，用户界面的设计是至关重要的一环。为了提供更好的用户体验，沉浸式设计成为了一种流行的趋势。沉浸式设计通过最大化屏幕上的可见内容，最小化边框和其他干扰，使用户能够全身心地投入到应用中。

Android系统从Android 4.4 (API level 19)开始引入了沉浸式模式。在沉浸式模式下，应用可以隐藏状态栏和导航栏，使应用的内容充满整个屏幕。

在Android Studio中，我们可以很轻松地实现沉浸式设计。首先，我们需要在AndroidManifest.xml文件中添加以下代码段：

<activity
   ...
   android:theme="@android:style/Theme.NoTitleBar.Fullscreen">
</activity>

这样，应用将会以全屏模式运行，并隐藏状态栏和导航栏。但是，隐藏了状态栏和导航栏之后，我们需要注意的是布局中的组件可能会被覆盖或遮挡住。为了解决这个问题，我们可以使用fitsSystemWindows属性。

在布局文件的根布局中，添加android:fitsSystemWindows="true"属性。这样，布局将会留出状态栏和导航栏的空间，确保内容不会被遮挡。

下面是一个示例：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="
   xmlns:tools="
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:fitsSystemWindows="true"
   tools:context=".MainActivity">

   <Button
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="Hello World!"
       android:layout_centerInParent="true" />

</RelativeLayout>

在上面的示例中，我们使用了一个RelativeLayout作为根布局，将Button放置在屏幕中央。通过设置fitsSystemWindows属性为true，确保Button不会被状态栏或导航栏遮挡。

除了通过XML文件进行设置外，我们也可以通过代码来实现沉浸式设计。

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

   if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
       getWindow().getDecorView().setSystemUiVisibility(
               View.SYSTEM_UI_FLAG_LAYOUT_STABLE |
               View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION |
               View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN |
               View.SYSTEM_UI_FLAG_HIDE_NAVIGATION |
               View.SYSTEM_UI_FLAG_FULLSCREEN |
               View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
   }

   setContentView(R.layout.activity_main);
}

在上面的代码中，我们首先判断当前设备的Android版本是否大于等于Android 4.4。然后，通过调用getWindow().getDecorView().setSystemUiVisibility方法设置沉浸式标志位。

在沉浸式标志位中，View.SYSTEM_UI_FLAG_LAYOUT_STABLE表示保持布局的稳定性，View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION和View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN表示布局可以延伸到导航栏和状态栏的区域，View.SYSTEM_UI_FLAG_HIDE_NAVIGATION和View.SYSTEM_UI_FLAG_FULLSCREEN表示隐藏导航栏和状态栏，View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY表示用户可以通过从屏幕边缘滑动来显示状态栏和导航栏。

通过上述的代码实现，我们可以在应用中实现沉浸式设计，提供更加舒适和沉浸的用户体验。

状态图：

stateDiagram
    [*] --> Normal
    Normal --> Immersive
    Immersive --> Normal
    Immersive --> Fullscreen
    Fullscreen --> Normal

旅行图：

journey
    title Android Studio 沉浸式
    section 添加主题
    Normal --> Immersive : 添加Theme.NoTitleBar.Fullscreen主题
    section 设置fitsSystemWindows属性
    Immersive --> Immersive : 在布局的根元素中添加fitsSystemWindows属性
    section 代码实现
    Immersive --> Full