admin管理员组

文章数量:1558087

步骤

  • 系列文章
  • 前言
    • 1.实现效果
    • 2.项目结构
    • 3.xml外观文件
    • 4.java功能文件
    • 附录.参考资料
    • 附录.参考资料
    • 下载资源
  • 总结

系列文章

提示:转到安卓学习专栏,观看更多内容!
点我直达–>安卓学习专栏


前言

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


1.实现效果


2.项目结构

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


3.xml外观文件

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

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android/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");
    }
}


附录.参考资料

AndroidManifest.xml

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

附录.参考资料

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


下载资源

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


总结

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


本文标签: 专栏网页appwebview