Android中WebView用法实例分析

时间:2022-09-20 13:10:05

本文实例讲述了AndroidWebView用法。分享给大家供大家参考,具体如下:

WebView相当于一个迷你浏览器,采用WebKit内核,因此完美支持html,javascript,css等。
在开发过程中应该注意几点:

1.AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误。
2.如果访问的页面中有Javascript,则webview必须设置支持Javascript。

复制代码 代码如下:
webview.getSettings().setJavaScriptEnabled(true);


3.如果页面中链接,如果希望点击链接继续在当前browser中响应,而不是新开Android的系统browser中响应该链接,必须覆盖 webview的WebViewClient对象。

 

?
1
2
3
4
5
6
mWebView.setWebViewClient(new WebViewClient(){
 public boolean shouldOverrideUrlLoading(WebView view, String url) {
 view.loadUrl(url);
 return true;
 }
});

4.如果不做任何处理,浏览网页,点击系统“Back”键,整个Browser会调用finish()而结束自身,如果希望浏览的网 页回退而不是推出浏览器,需要在当前Activity中处理并消费掉该Back事件。

?
1
2
3
4
5
6
7
public boolean onKeyDown(int keyCode, KeyEvent event) {
 if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
  mWebView.goBack();
   return true;
 }
 return super.onKeyDown(keyCode, event);
}

实例:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:background="@drawable/bg_main" >
 <RelativeLayout
 android:id="@+id/title"
 android:layout_width="fill_parent"
 android:layout_height="48dp"
 android:layout_alignParentTop="true"
 android:background="@drawable/bg_title"
 android:padding="0dp" >
 <TextView
  android:id="@+id/news"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_centerInParent="true"
  android:text="新浪微博"
  android:textSize="22sp"
  android:textColor="#ffffff"/>
 </RelativeLayout>
 <WebView
 android:id="@+id/web_view_pethome"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:layout_below="@+id/title"/>
 <ProgressBar
 android:id="@+id/progress_bar"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_centerInParent="true"
 android:visibility="gone" />
</RelativeLayout>

java文件代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
private void findViews() {
 mWebView = (WebView) findViewById(R.id.web_view_pethome);
 mProgressBar = (ProgressBar) findViewById(R.id.progress_bar);
}
private void setWebView() {
 // 调用loadUrl()方法进行加载内容
 mWebView.loadUrl(URL);
 // 设置WebView的属性,此时可以去执行JavaScript脚本
 mWebView.getSettings().setJavaScriptEnabled(true);
 // 设置缩放按钮
 mWebView.getSettings().setBuiltInZoomControls(true);
 mWebView.getSettings().setSupportZoom(true);
 mWebView.setWebViewClient(new WebViewClient() {
 public boolean shouldOverrideUrlLoading(WebView view, String url) {
  view.loadUrl(url);
  return true;
 }
 @Override
 public void onPageFinished(WebView view, String url) {
  Log.v("webview", "========onPageFinished=======");
  super.onPageFinished(view, url);
  mProgressBar.setVisibility(View.GONE);
 }
 @Override
 public void onPageStarted(WebView view, String url, Bitmap favicon) {
  Log.v("webview", "========onPageStarted=======");
  super.onPageStarted(view, url, favicon);
  mProgressBar.setVisibility(View.VISIBLE);
 }
 });
}
/**
 * 返回键监听事件
 */
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
 if ((keyCode == KeyEvent.KEYCODE_BACK)) {
 if (mWebView.canGoBack()) {
  mWebView.goBack();
 }
 return true;
 }
 return super.onKeyDown(keyCode, event);
}

运行效果:

Android中WebView用法实例分析

WebView刷新当前页面:

复制代码 代码如下:
mWebView.reload();

 

希望本文所述对大家Android程序设计有所帮助。