Android之WebView的使用樣例——WebSetting、WebViewClient、WebChromeClient
阿新 • • 發佈：2017-07-30
create per wid spa var ani 事件 col kuaidi100
點擊查看原文
代碼直接下載http://download.csdn.net/detail/metis100/8514837
第一步，xml Manifest中要設置網絡權限，否則會出先 webpage not available
<uses-permission android:name="android.permission.INTERNET" />設置布局R.layout.activity_main。這裏加了個自己定義進度條
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" [email protected]/progress_custom_horizontal為自己定義控件
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- 設置背景色圖像資源 -->
<item android:id="@android:id/background">
<clip>
<shape>
<solid android:color="#999999" />
<corners android:radius="4dip" />
</shape>
</clip>
</item>
<!-- 設置第二級進度條顏色圖像資源 -->
<item android:id="@android:id/secondaryProgress">
<clip>
<shape>
<solid android:color="#217fbc" />
<corners android:radius="4dip" />
</shape>
</clip>
</item>
<!-- 設置第一級進度條顏色圖像資源 -->
<item android:id="@android:id/progress">
<clip>
<shape>
<solid android:color="#007eff" />
<corners android:radius="4dip" />
</shape>
</clip>
</item>
</layer-list>接下來就是webview的設置，這裏以快遞100，為樣例
package com.example.webview;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.content.Intent;
import android.content.DialogInterface.OnClickListener;
import android.net.Uri;
import android.os.Bundle;
import android.os.Handler;
import android.util.Log;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.SslErrorHandler;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.EditText;
import android.widget.ProgressBar;
import android.widget.Toast;
public class MainActivity extends Activity {
public WebView mWebView;
private WebSettings webSettings;
private ProgressBar mProgressBar;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mWebView = (WebView) findViewById(R.id.webview);
mProgressBar = (ProgressBar) findViewById(R.id.webview_progress);
// 通過loadUrl方法設置當前webView須要訪問的網址：
mWebView.loadUrl("http://m.kuaidi100.com/index_all.html");
// 載入URL assets文件夾下的內容能夠用 "file:///android_asset" 前綴
// mWebView.loadUrl("file:///android_asset/about.html");
// 在android中專門通過WebSettings來設置WebView的一些屬性、狀態等。在創建WebView時，
// 系統有一個默認的設置，我們能夠通過WebView.getSettings來得到這個設置：
// WebSettings和WebView都在同一個生命周期中存在。當WebView被銷毀後。假設再使用WebSettings，則會拋出異常。
webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);//設置支持JavaScript腳本
webSettings.setSupportZoom(false);//設置支持縮放
webSettings.setDomStorageEnabled(true);
mWebView.requestFocus();//使頁面獲得焦點
mWebView.setWebViewClient(mWebViewClient);//設置WebViewClient
mWebView.setWebChromeClient(mWebChromeClient);// 創建WebViewChromeClient
mWebView.addJavascriptInterface(new WDScriptInterface(), "FFTest");
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
final class WDScriptInterface {
WDScriptInterface() {}
@JavascriptInterface
public void Call(String num) {
Intent in_sys_call = new Intent(Intent.ACTION_DIAL, Uri.parse("tel:" + num));
startActivity(in_sys_call);
}
}
//////////////////////////////////////////////////////////////////////////////////
//使用WebViewClient來完畢在應用程序中自己定義網頁瀏覽程序：
//WebViewClient是輔助WebView處理各種通知、請求等事件的類。通過WebView的setWebViewClient方法指定WebViewClient對象。
//WebView能夠通過覆蓋WebViewClient方法來輔助WebView瀏覽網頁：
WebViewClient mWebViewClient = new WebViewClient() {
// 重寫此方法表明點擊網頁裏面的鏈接還是在當前的webview裏跳轉。不跳到瀏覽器那邊
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
Log.i("wocaonima", "shouldOverrideUrlLoading--url:" + url);
// 撥打電話
if (url.startsWith("tel:")) {
Intent in_sys_call = new Intent(Intent.ACTION_DIAL, Uri.parse(url));
startActivity(in_sys_call);
}
else {
view.loadUrl(url);
}
return true;
}
// 重寫此方法能夠讓webview處理https請求
@Override
public void onReceivedSslError(WebView view, SslErrorHandler handler, android.net.http.SslError error) {
handler.proceed();
}
public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
Toast.makeText(MainActivity.this, "網絡連接失敗", 300);
};
};
//////////////////////////////////////////////////////////////////////////////
////創建WebViewChromeClient
WebChromeClient mWebChromeClient = new WebChromeClient() {
public void onProgressChanged(WebView view, int newProgress) {
mProgressBar.setVisibility(View.VISIBLE);
mProgressBar.setProgress(newProgress * 100);
if (newProgress == 100) mProgressBar.setVisibility(View.GONE);
};
// 處理javascript的alert
public boolean onJsAlert(WebView view, String url, String message, final android.webkit.JsResult result) {
// 構建一個Builder來顯示網頁中的alert對話框
AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
builder.setTitle("提示");
builder.setMessage(message);
builder.setPositiveButton(android.R.string.ok, new AlertDialog.OnClickListener() {
public void onClick(DialogInterface dialog, int which) {
result.confirm();
}
});
builder.setCancelable(false);
builder.create();
builder.show();
return true;
};
// 處理javascript的confirm
public boolean onJsConfirm(WebView view, String url, String message, final android.webkit.JsResult result) {
AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
builder.setTitle("提示");
builder.setMessage(message);
builder.setPositiveButton(android.R.string.ok, new AlertDialog.OnClickListener() {
public void onClick(DialogInterface dialog, int which) {
result.confirm();
}
});
builder.setNegativeButton(android.R.string.cancel, new AlertDialog.OnClickListener() {
public void onClick(DialogInterface dialog, int which) {
result.cancel();
}
});
builder.setCancelable(false);
builder.create();
builder.show();
return true;
};
// 輸入框
public boolean onJsPrompt(WebView view, String url, String message, String defaultValue,
final android.webkit.JsPromptResult result) {
final AlertDialog.Builder builder = new AlertDialog.Builder(view.getContext());
builder.setTitle(message);
final EditText et = new EditText(view.getContext());
et.setSingleLine();
et.setText(defaultValue);
builder.setView(et);
builder.setPositiveButton(android.R.string.ok, new OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.confirm(et.getText().toString());
}
}).setNeutralButton(android.R.string.cancel, new OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.cancel();
}
});
builder.setCancelable(false);
builder.create();
builder.show();
return true;
};
};
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
public boolean onKeyDown(int keyCode, KeyEvent event) {
if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
mWebView.goBack();
return true;
}
return super.onKeyDown(keyCode, event);
}
}
很多其它交流可加Android技術討論群：71262831 或關註微信公眾號：it達人
Android之WebView的使用樣例——WebSetting、WebViewClient、WebChromeClient