Android Studio初学者实例：WebView

紧跟上期网络访问中，获取到了页面的html文件内容，那么需要显示web网页详情该如何做，使用WebView控件。

以下是效果图

 在xml中：

activity_main67.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <LinearLayout
        android:id="@+id/ll_root"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_margin="5dp"
        android:orientation="vertical"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:orientation="horizontal">
            <EditText
                android:id="@+id/et_url"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="9"
                android:hint="请输入网址"
                android:inputType="textUri"
                android:text="" />
            <ImageView
                android:id="@+id/iv_search"
                android:layout_width="60dp"
                android:layout_height="60dp"
                android:layout_weight="1"
                app:srcCompat="@drawable/search" />
        </LinearLayout>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
            <WebView
                android:id="@+id/webView"
                android:layout_width="match_parent"
                android:layout_height="match_parent" />
        </LinearLayout>
    </LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

在Java逻辑代码中

MainActivity67

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.text.TextUtils;
import android.view.KeyEvent;
import android.view.View;
import android.view.Window;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.BaseAdapter;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.LinkedList;
import java.util.List;

public class MainActivity67 extends AppCompatActivity{
    private WebView mWebView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main67);
        ImageView iv_search = (ImageView) findViewById(R.id.iv_search);
        mWebView = findViewById(R.id.webView);
// 显示网页中通过 JavaScript 代码弹出的提示框
        mWebView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }
        });
        mWebView.requestFocusFromTouch();
        WebSettings settings = mWebView.getSettings();
// 设置 webview 控件支持 JavaScript 代码
        settings.setJavaScriptEnabled(true);
        settings.setJavaScriptCanOpenWindowsAutomatically(true);
        iv_search.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                EditText et_query_url = (EditText) findViewById(R.id.et_url);
                String url = et_query_url.getText().toString();
                if (TextUtils.isEmpty(url)) {
                    Toast.makeText(MainActivity67.this, "请输入网址", Toast.LENGTH_SHORT).show();
                } else {
                    mWebView.loadUrl(url);
                }
            }
        });
    }
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK && mWebView.canGoBack()) {
            mWebView.goBack();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }
}

 此外你还需要进行一下一些网络配置

在AndroidManifest.xml文件中添加语句：声明网络权限

<uses-permission android:name="android.permission.INTERNET" />

此外高版本的android还需要完成网络安全访问配置

在res文件夹下创建xml文件夹，并新建文件network_config.xml

内容为：

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <base-config cleartextTrafficPermitted="true"/>
</network-security-config>

并还需要返回到AndroidManifest.xml，添加一句话

android:networkSecurityConfig="@xml/network_config"