WebView的几个常见功能使用

 

WebView的几个常见功能使用

分类： android开发与测试2011-09-02
12:21 2795人阅读 评论(0) 收藏 举报

stringandroidjavascripturllayoutencoding

android的WebView组件可以说是相当的强大，现将项目中经常用到的几个功能总结如下：

一、背景设置

[java] view
plaincopyprint?

WebView.setBackgroundColor(0);//先设置背景色为transparent  

WebView.setBackgroundResource(R.drawable.yourImage);//然后设置背景图片  

二、获得WebView网页加载初始化和完成事件

步骤：

1 创建一个自己的WebViewClient（继承 WebViewClient 类）如WebViewClient

2 重载 里面的 onPageFinished（WebView view, String url）方法，（webview加载完成会调用这个方法），这个方法放自己想要做的事情，在webview加载完成以后

3 关联 你自己的webviewclient 与 webview 通过 这个方法:webView.setWebViewClient( new WebViewClient();

[java] view
plaincopyprint?

mWebView.setWebViewClient(new WebViewClient()  

{     

 @Override  

public void onPageFinished(WebView view, String url)   

{  

//结束  

super.onPageFinished(view, url);  

}  

  @Override  

  public void onPageStarted(WebView view, String url, Bitmap favicon)   

  {  

  //开始  

  super.onPageStarted(view, url, favicon);  

  }  

});  

如果需要监视加载进度的，需要创建一个自己的WebChromeClient类，并重载方法onProgressChanged，再webview.setWebChromeClient(new MyWebChromeClient())即可:

[java] view
plaincopyprint?

class MyWebChromeClient extends WebChromeClient {  

@Override  

public void onProgressChanged(WebView view, int newProgress) {  

// TODO Auto-generated method stub  

super.onProgressChanged(view, newProgress);  

}  

}  

例如：  

public class WebPageLoader extends Activity {  

    final Activity activity = this;  

  

  

    @Override  

    public void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

        this.getWindow().requestFeature(Window.FEATURE_PROGRESS);  

        setContentView(R.layout.main);  

        WebView webView = (WebView) findViewById(R.id.webView);  

        webView.getSettings().setJavaScriptEnabled(true);  

        webView.getSettings().setSupportZoom(true);  

        webView.setWebChromeClient(new WebChromeClient() {  

            public void onProgressChanged(WebView view, int progress) {  

                activity.setTitle("Loading...");  

                activity.setProgress(progress * 100);  

                if (progress == 100)  

                    activity.setTitle(R.string.app_name);  

            }  

        });  

        webView.setWebViewClient(new WebViewClient() {  

            public void onReceivedError(WebView view, int errorCode,  

                    String description, String failingUrl) { // Handle the error  

            }  

  

  

            public boolean shouldOverrideUrlLoading(WebView view, String url) {  

                view.loadUrl(url);  

                return true;  

            }  

        });  

        webView.loadUrl("http://www.sohu.com");  

    }  

}  

布局文件：

[html] view
plaincopyprint?

<?xml version="1.0" encoding="utf-8"?>   

<WebView xmlns:android="http://schemas.android.com/apk/res/android"   

android:id="@+id/webView" android:layout_width="fill_parent"   

android:layout_height="fill_parent" />   

要注意的是,其中的webView的一系列用法,比如 webView.getSettings().setJavaScriptEnabled(true);设置可以使用javscript; 

webView.getSettings().setJavaScriptEnabled(true);   

webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);   

webView.setHorizontalScrollBarEnabled(false);   

webView.getSettings().setSupportZoom(true);   

webView.getSettings().setBuiltInZoomControls(true);   

webView.setInitialScale(70);   

webView.setHorizontalScrollbarOverlay(true);  

等等,具体参考API 

而进度条的使用是在new出一个setWebChromeClient后,可以在内部类中写 

onProgressChanged事件 

总结：

在WebView的设计中，不是什么事都要WebView类干的，有些杂事是分给其他人的，这样WebView专心干好自己的解析、渲染工作就行了。WebViewClient就是帮助WebView处理各种通知、请求事件的，具体来说包括： 

  onLoadResource 

  onPageStart 

  onPageFinish 

  onReceiveError 

  onReceivedHttpAuthRequest 

WebChromeClient是辅助WebView处理Javascript的对话框，网站图标，网站title，加载进度等 

  onCloseWindow(关闭WebView) 

  onCreateWindow() 

  onJsAlert (WebView上alert是弹不出来东西的，需要定制你的WebChromeClient处理弹出) 

  onJsPrompt 

  onJsConfirm 

  onProgressChanged 

  onReceivedIcon 

  onReceivedTitle 

关于 对javascript的强大支持，这里先不阐述，搭建可以参考http://www.iteye.com/topic/376674 http://hi.baidu.com/crabzzz/blog/item/7e5545cbbb878990c91768d5.html