【Android从零单排系列十七】《Android视图控件——WebView》

再见孙悟空_

发布于 2023-07-17 20:26:16

2910

发布于 2023-07-17 20:26:16

文章被收录于专栏：【Android开发基础】【Android开发基础】

前言

小伙伴们，在上文中我们介绍了Android视图组件ProgressDialog，本文我们继续盘点，介绍一下视图控件的WebView。

一 WebView基本介绍

WebView是Android平台上的一个控件，用于在应用程序中显示Web页面

二 WebView使用方法

在布局文件中添加WebView：

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

在Java代码中加载URL：

WebView webView = findViewById(R.id.webview);
webView.loadUrl("https://www.example.com");  // 加载指定的URL

可以通过WebViewClient来处理页面加载事件和请求：

webView.setWebViewClient(new WebViewClient() {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);  // 在WebView中加载URL
        return true;
    }
});

若要启用JavaScript支持：

webView.getSettings().setJavaScriptEnabled(true);

若要在WebView中显示自定义HTML内容，可以使用loadData或loadDataWithBaseURL方法：

String htmlData = "<html><body><h1>Hello, WebView!</h1></body></html>";
webView.loadData(htmlData, "text/html", "UTF-8");

如果你想要与WebView进行交互（如从网页中获取数据），可以使用WebView与JavaScript之间的交互。详细请参考官方文档：WebView与JavaScript交互。很早之前也写过一篇Android和js交互的文章：《浅谈Android和js的交互问题》

值得注意的是，为了确保应用程序的安全性，建议在WebView中进行URL验证、内容过滤以及限制JavaScript执行等操作。

三 WebView常见属性及方法

WebView是Android平台上一个强大的控件，提供了很多属性和方法来定制和管理Web页面的展示。下面是一些常见的WebView属性和方法：

属性：

android:id：设置WebView的唯一标识符。
android:layout_width：设置WebView的宽度，可以使用具体数值（如"match_parent"、"wrap_content"）或具体像素值。
android:layout_height：设置WebView的高度，可选值同上。
android:layout_gravity：设置WebView在布局中的对齐方式，例如居中对齐。
android:scrollbars：指定WebView是否显示滚动条，默认为垂直和水平都显示。可选值包括"none"、"vertical"、"horizontal"和"vertical|horizontal"。
android:webViewClient：设置自定义的WebViewClient，用于处理页面加载事件和请求。
android:webChromeClient：设置自定义的WebChromeClient，用于处理与JavaScript相关的通知和交互。

方法（部分）：

loadUrl(String url)：加载指定的URL。
loadData(String data, String mimeType, String encoding)：加载自定义的HTML内容。
reload()：重新加载当前页面。
goBack()：返回上一页。
goForward()：前进到下一页。
canGoBack()：判断是否可以返回上一页。
canGoForward()：判断是否可以前进到下一页。
clearCache(boolean includeDiskFiles)：清除WebView的缓存。
setJavaScriptEnabled(boolean flag)：启用或禁用JavaScript支持。
setWebViewClient(WebViewClient client)：设置自定义的WebViewClient。
setWebChromeClient(WebChromeClient client)：设置自定义的WebChromeClient。
evaluateJavascript(String script, ValueCallback<String> resultCallback)：执行JavaScript代码并获取返回结果。

四简单案例

这里提供一个简单的WebView案例，展示如何在Android应用中使用WebView加载一个Web页面：

在布局文件中添加WebView：

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

在Java代码中使用WebView加载URL：

import android.os.Bundle;
import android.webkit.WebView;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    private WebView webView;

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

        // 获取WebView实例
        webView = findViewById(R.id.webview);

        // 加载URL
        webView.loadUrl("https://www.example.com");
    }
}

这样就可以在应用程序中显示一个WebView，并加载指定URL的Web页面。你可以根据需要添加额外的设置，如自定义WebViewClient和WebChromeClient。

请注意，在使用WebView时要确保已获取相关权限（如网络访问权限），并在AndroidManifest.xml文件中进行相应的声明。