Android 全屏显示并展示标题栏

原创

mob64ca12dbdb81 2023-08-24 17:35:58 ©著作权

文章标签 全屏显示标题栏 xml 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12dbdb81的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android 全屏显示并展示标题栏

在Android应用中，我们经常需要全屏显示内容，并在界面顶部展示标题栏。本文将介绍如何实现Android全屏显示并展示标题栏的方法，并提供相应的代码示例。

什么是全屏显示？

全屏显示是指应用界面占满整个屏幕，不显示系统状态栏和导航栏。通过全屏显示可以增加应用的沉浸感，提升用户体验。

如何实现全屏显示？

要实现全屏显示，我们需要设置应用的主题为全屏主题，并在相应的Activity中进行配置。

首先，我们需要在styles.xml文件中定义全屏主题，如下所示：

<style name="AppTheme.FullScreen" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowFullscreen">true</item>
    <item name="android:windowContentOverlay">@null</item>
</style>

在上述代码中，我们继承了Theme.AppCompat.Light.NoActionBar主题，并设置了android:windowFullscreen属性为true，表示开启全屏显示。

接下来，在需要全屏显示的Activity中，在onCreate()方法中调用setTheme()方法设置主题为全屏主题，如下所示：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setTheme(R.style.AppTheme_FullScreen);
    setContentView(R.layout.activity_main);
}

通过以上步骤，我们就可以实现全屏显示了。但是，由于全屏显示会隐藏系统状态栏和导航栏，如果我们希望在界面顶部展示标题栏，还需要进行一些额外的设置。

如何展示标题栏？

为了实现在全屏显示的同时展示标题栏，我们可以自定义一个标题栏，并将其添加到全屏显示的布局中。

首先，在布局文件中定义标题栏的布局，如下所示：

<LinearLayout
    android:id="@+id/title_layout"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@color/colorPrimary"
    android:orientation="horizontal"
    android:paddingStart="16dp"
    android:paddingEnd="16dp"
    android:gravity="center_vertical">

    <ImageView
        android:layout_width="24dp"
        android:layout_height="24dp"
        android:src="@drawable/ic_back"
        android:clickable="true"
        android:onClick="onBackClick" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="标题栏"
        android:textColor="@android:color/white"
        android:textSize="18sp"
        android:layout_marginStart="8dp" />

</LinearLayout>

在上述代码中，我们使用一个LinearLayout作为标题栏的容器，并添加了一个返回按钮和一个标题文字。

接下来，在Activity的布局文件中，将标题栏添加到全屏显示的布局中，如下所示：

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:id="@+id/fullscreen_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        android:orientation="vertical">

        <!-- 全屏显示的内容 -->

    </LinearLayout>

    <include
        android:id="@+id/title_bar"
        layout="@layout/title_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true" />

</RelativeLayout>

在上述代码中，我们使用一个RelativeLayout作为全屏显示的容器，并将标题栏添加到顶部。

最后，在Activity中，通过findViewById()方法找到标题栏的布局，并设置相关的点击事件处理逻辑，如下所示：

LinearLayout titleLayout = findViewById(R.id.title_layout);
titleLayout.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        // 处理标题栏点击事件
    }
});

通过以上步骤，我们就可以在全屏显示的同时展示标题栏了。