WebView加载网页(二)一、实现目标

1、实现一个页面activity_main.xml,该页面上面有一个TextView和两个WebView,一个WebView显示百度首页,另一个WebView显示另外一个网站的首页。

二、步骤

1、新建项目
使用Android Studio新建一个项目

2、制作页面activity_main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout 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" android:orientation="vertical" tools:context=".MainActivity"> <TextView android:layout_width="wrap_content" android:layout_height="0dp" android:layout_weight="3" android:text="Hello World!" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" android:textSize="30sp"/> <View android:layout_height="10px" android:layout_width="match_parent" android:background="#030303" /> <WebView android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="5" android:id="@+id/webview1" ></WebView> <View android:layout_height="10px" android:layout_width="match_parent" android:background="#030303" /> <WebView android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="5" android:id="@+id/webview2" ></WebView></LinearLayout>

效果如下:

3、修改MainActivity.java

package cn.qiu.test03;import android.app.Activity;import android.app.ProgressDialog;import android.content.Intent;import android.net.Uri;import android.os.Bundle;import android.webkit.WebChromeClient;import android.webkit.WebView;import android.webkit.WebViewClient;public class MainActivity extends Activity { private WebView webView1; private WebView webView2; private ProgressDialog pDialog; private long exitTime = 0; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); init_webview1(); init_webview2(); } private void init_webview1(){ webView1 = (WebView) findViewById(R.id.webview1); webView1.setWebViewClient(new WebViewClient() { //设置在webView点击打开的新网页在当前界面显示,而不跳转到新的浏览器中 @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } }); webView1.getSettings().setJavaScriptEnabled(true); //设置WebView属性,运行执行js脚本 webView1.loadUrl("https://www.baidu.com/"); //调用loadUrl方法为WebView加入链接 webView1.setWebViewClient(new WebViewClient(){ // @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { try{ if(url.startsWith("baiduboxapp://")||url.startsWith("baiduboxlite://")){ Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url)); startActivity(intent); return true; } }catch (Exception e){ return false; } webView1.loadUrl(url); return true; } }); //setContentView(webView); //调用Activity提供的setContentView将webView显示出来 //页面加载的进度 webView1.setWebChromeClient(new WebChromeClient(){ @Override public void onProgressChanged(WebView view, int newProgress) { //newProgress为1~100之间的整数 if(newProgress==100){ //网页加载完毕,关闭ProgressDialog closeDialog(); }else{ //网页正在加载,打开ProgressDialog openDialog(newProgress); } } private void closeDialog() { //进度条不为空并且显示有进度条时 if(pDialog!=null&&pDialog.isShowing()){ pDialog.dismiss();//进度条取消显示 pDialog=null;//并且进度条设置为空 } } private void openDialog(int newProgress) { //进度条为空时 if (pDialog==null){ pDialog=new ProgressDialog(MainActivity.this); pDialog.setTitle("正在加载..."); //进度条的样式 pDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL); pDialog.setProgress(newProgress);//显示进度条的进度 pDialog.show();//显示进度条 }else { pDialog.setProgress(newProgress);//显示最新(刷新)的进度 } } }); } private void init_webview2(){ webView2 = (WebView) findViewById(R.id.webview2); webView2.setWebViewClient(new WebViewClient() { //设置在webView点击打开的新网页在当前界面显示,而不跳转到新的浏览器中 @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } }); webView2.getSettings().setJavaScriptEnabled(true); //设置WebView属性,运行执行js脚本 webView2.loadUrl("https://blog.csdn.net/"); //调用loadUrl方法为WebView加入链接 webView2.setWebViewClient(new WebViewClient(){ // @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { try{ if(url.startsWith("baiduboxapp://")||url.startsWith("baiduboxlite://")){ Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url)); startActivity(intent); return true; } }catch (Exception e){ return false; } webView2.loadUrl(url); return true; } }); //setContentView(webView); //调用Activity提供的setContentView将webView显示出来 //页面加载的进度 webView2.setWebChromeClient(new WebChromeClient(){ @Override public void onProgressChanged(WebView view, int newProgress) { //newProgress为1~100之间的整数 if(newProgress==100){ //网页加载完毕,关闭ProgressDialog closeDialog(); }else{ //网页正在加载,打开ProgressDialog openDialog(newProgress); } } private void closeDialog() { //进度条不为空并且显示有进度条时 if(pDialog!=null&&pDialog.isShowing()){ pDialog.dismiss();//进度条取消显示 pDialog=null;//并且进度条设置为空 } } private void openDialog(int newProgress) { //进度条为空时 if (pDialog==null){ pDialog=new ProgressDialog(MainActivity.this); pDialog.setTitle("正在加载..."); //进度条的样式 pDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL); pDialog.setProgress(newProgress);//显示进度条的进度 pDialog.show();//显示进度条 }else { pDialog.setProgress(newProgress);//显示最新(刷新)的进度 } } }); }}

4、在AndroidManfest.xml中加入上网权限

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

三、测试
运行程序,显示效果如下: