安卓学习专栏——app里展示网页之WebView的用法

系列文章

提示：转到安卓学习专栏，观看更多内容！
点我直达–>安卓学习专栏

---

前言

WebView控件，可以在应用程序里嵌入一个浏览器，从而非常轻松地展示各种各样的网页。
但最好是网页支有持手机端的样式设计（多端适配），不然可能会变形。

---

1.实现效果

---

2.项目结构

新建WebViewTest项目，没有添加新的文件，默认文件结构。

---

3.xml外观文件

修改activity_main.xml
控件：WebView用来显示网页的了，设置了一个id，充满整个屏幕。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <WebView
        android:id="@+id/web_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

4.java功能文件

修改MainActivity.java

1. 首先使用findViewById() 方法获取WebView的实例
2. 然后调用WebView的getSettings() 方法可以去设置一些浏览器的属性，这里我们并不去设置过多属性，只是调用了setJavaScriptEnabled() 方法来让WebView支持JavaScript脚本。
3. 调用了WebView的setWebViewClient() 方法，并传入了一个WebViewClient的实例。当需要从一个网页跳转到另一个网页时，我们希望目标网页仍然在当前WebView中显示，而不是打开系统浏览器。
4. 调用WebView的loadUrl() 方法，并将网址写入。

package com.example.webviewtest;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        WebView webView = (WebView) findViewById(R.id.web_view);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.setWebViewClient(new WebViewClient());
        webView.loadUrl("http://www.baidu.com");
    }
}

---

附录.参考资料

AndroidManifest.xml

<!--    由于本程序使用到了网络功能，而访问网络是需要声-->
<!--    明权限的，因此我们还得修改AndroidManifest.xml文件，并加入权限声明，-->
    <uses-permission android:name="android.permission.INTERNET" />

---

附录.参考资料

《第一行代码》9.1 WebView的用法

---

下载资源

安卓学习者app中打开网页WebViewTest示例

---

总结

大家喜欢的话，给个👍，点个关注！继续跟大家分享敲代码过程中遇到的问题！

---