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:///apk/res/android"
    xmlns:app="http:///apk/res-auto"
    xmlns:tools="http:///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 .Activity;
import .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(.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(.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" />

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