Android之WebView的使用例子——WebSetting、WebViewClient、WebChromeClient
浏览数：177 /
时间：2015年06月11日
代码直接下载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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="${relativePackage}.${activityClass}" >
<WebView
android:id="@+id/webview"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<ProgressBar
android:id="@+id/webview_progress"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="match_parent"
android:layout_height="2dip"
android:background="#999999"
android:progressDrawable="@drawable/progress_custom_horizontal" />
</RelativeLayout>
这里@drawable/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);
}
}
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
