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对象。

mWebView.setWebViewClient(new WebViewClient(){        
                    public boolean shouldOverrideUrlLoading(WebView view, String url) {        
                        view.loadUrl(url);        
                        return true;        
                    }        
        });   

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

public boolean onKeyDown(int keyCode, KeyEvent event) {        
        if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {        
            mWebView.goBack();        
                   return true;        
        }        
        return super.onKeyDown(keyCode, event);        
    }     

实例:

<?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文件代码:

	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();

参考:http://www.cnblogs.com/linzheng/archive/2011/01/19/1938772.html

http://blog.csdn.net/chenshijun0101/article/details/7045394

posted @ 2012-10-11 17:16  时光独白  阅读(391)  评论(0编辑  收藏  举报