WebView加载网页(二)

一、实现目标

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

二、步骤

1、新建项目

使用Android Studio新建一个项目

2、制作页面activity_main.xml

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">

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"/>

android:layout_width="match_parent"

android:background="#030303"

/>

android:layout_width="match_parent"

android:layout_height="0dp"

android:layout_weight="5"

android:id="@+id/webview1"

>

android:layout_width="match_parent"

android:background="#030303"

/>

android:layout_width="match_parent"

android:layout_height="0dp"

android:layout_weight="5"

android:id="@+id/webview2"

>

效果如下：

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中加入上网权限

三、测试

运行程序，显示效果如下：