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" />三、測試
運行程序，顯示效果如下：