本文实例讲述了Android中WebView用法。分享给大家供大家参考,具体如下:
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);
}
|
运行效果:
WebView刷新当前页面:
复制代码 代码如下:
mWebView.reload();
希望本文所述对大家Android程序设计有所帮助。