Webview 暗模式 Android - Java

简介

在 Android 开发中，WebView 是一个可用于显示 Web 内容的组件。暗模式（Dark Mode）是指应用程序中使用深色背景和亮色文本的主题模式。本文将介绍如何在 Android 应用中使用 WebView 并支持暗模式。

准备工作

要使用 WebView，需要在 Android 项目中添加 WebView 控件的依赖项。在项目的 build.gradle 文件中，确保以下行被包含在 dependencies 块中：

implementation 'androidx.webkit:webkit:1.4.0'

设置 WebView

1. 在布局文件中添加 WebView 控件：

<WebView
    android:id="@+id/webview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
/>

2. 在对应的 Activity 或 Fragment 中获取 WebView 实例：

WebView webView = findViewById(R.id.webview);

3. 启用 JavaScript 支持（可选）：

webView.getSettings().setJavaScriptEnabled(true);

4. 加载网页内容：

webView.loadUrl("https://example.com");

支持暗模式

WebView 默认会根据系统设置的主题自动选择相应的样式，包括亮色和暗色主题。要在 WebView 中开启暗模式，可以按照以下步骤进行配置。

1. 在 res/values 目录下创建 themes.xml 文件，并定义暗模式主题：

<resources>
    <style name="AppTheme" parent="@style/Theme.AppCompat.Light.NoActionBar">
        <!-- Normal mode -->
    </style>

    <style name="AppTheme.Dark" parent="@style/Theme.AppCompat">
        <!-- Dark mode -->
    </style>
</resources>

2. 在 WebView 的相关 Activity 或 Fragment 的主题中引用定义的暗模式主题：

<activity
    android:name=".MainActivity"
    android:theme="@style/AppTheme.Dark"
    ...>

3. 重新加载 WebView 来应用主题的更改：

webView.reload();

结论

通过以上步骤，你已经成功地为 Android 应用中的 WebView 添加了暗模式的支持。当应用的主题为暗模式时，WebView 会自动应用相应的样式。这样，你可以为用户提供更好的暗模式浏览体验。

请注意，在 WebView 中加载的网页本身可能具有自己的样式，它们可能不会受到暗模式主题的影响。