android 控件学习------WebView

最新推荐文章于 2022-11-02 16:17:20 发布

原创最新推荐文章于 2022-11-02 16:17:20 发布 · 523 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

本文介绍了如何在Android应用中使用WebView组件加载网页，并详细解释了如何实现网页回退功能、添加网络访问权限、使用JavaScript以及加载过程的进度条显示。同时，提供了使用缓存优化加载速度的方法。

WebView(网络视图)能加载显示网页，可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页，实现WebView有以下两种不同的方法：

第一种方法的步骤：

1.在要Activity中实例化WebView组件：WebView webView = new WebView(this);或者通过 web = (WebView) findViewById(R.id.web);
2.调用WebView的loadUrl()方法，设置WevView要显示的网页：
互联网用：webView.loadUrl("http://www.baidu.com");
本地文件用：webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在：assets 文件中
3.调用Activity的setContentView( )方法来显示网页视图

4、用WebView点链接看了很多页以后为了让WebView支持回退功能，需要覆盖覆盖Activity类的onKeyDown()方法，如果不做任何处理，点击系统回退剪键，整个浏览器会调用finish()而结束自身，而不是回退到上一页面

需要加的代码为

@Override
	public boolean onKeyDown(int keyCode, KeyEvent event) {
		// TODO Auto-generated method stub
		
		if(keyCode==KeyEvent.KEYCODE_BACK){
			if(web.canGoBack()){
				web.goBack();
				return true;
			}else{
				System.exit(0);
			}
		}
		return super.onKeyDown(keyCode, event);
	}

5.需要在AndroidManifest.xml 添加网络访问权限

 <uses-permission android:name="android.permission.INTERNET"/>

代码如下

import android.os.Bundle;
import android.app.Activity;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity {
	// private String uriString = "http://www.baidu.com";
	private WebView web;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);			
		web = (WebView) findViewById(R.id.web);
		// WebView加载web资源
		// web.loadUrl("http://www.baidu.com");
		// WebView加载本地资源
		// web.loadUrl("file:///android_asset/xx.html");
		
       

}

本地web文件xx.html 创建步骤

1.新建一个text文件编辑其内容为

<html>
<head>
<title>

</title>
</head>
<body>
<a href="http://www.baidu.com" style="color:red;">百度</a>
</body>
</html>
2.把text文件改名为xx.html

第二种方法的步骤：
1、在布局文件中声明WebView
2、在Activity中实例化WebView
3、调用WebView的loadUrl( )方法，设置WevView要显示的网页
4、为了让WebView能够响应超链接功能，调用setWebViewClient( )方法，设置 WebView视图

5、用WebView点链接看了很多页以后为了让WebView支持回退功能，需要覆盖覆盖Activity类的onKeyDown()方法，如果不做任何处理，点击系统回退剪键，整个浏览器会调用finish()而结束自身，而不是回退到上一页面

@Override
	public boolean onKeyDown(int keyCode, KeyEvent event) {
		// TODO Auto-generated method stub
		
		if(keyCode==KeyEvent.KEYCODE_BACK){
			if(web.canGoBack()){
				web.goBack();
				return true;
			}else{
				System.exit(0);
			}
		}
		return super.onKeyDown(keyCode, event);
	}

6、需要在AndroidManifest.xml 添加网络访问权限

 <uses-permission android:name="android.permission.INTERNET"/>

代码如下

import android.os.Bundle;
import android.app.Activity;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity {
	// private String uriString = "http://www.baidu.com";
	private WebView web;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		
        web.setWebViewClient(new WebViewClient(){

			@Override
			public boolean shouldOverrideUrlLoading(WebView view, String url) {
				// TODO Auto-generated method stub
			
				view.loadUrl(url);
				return true;
			}
        	
        });
        web.loadUrl("http://www.baidu.com");
	}

}

在WebView 中使用javaScript

如果想要在 webview 加载web中启用 javascript 。启动javascript 可以通过WebView中带有WebSettings来启动。可以通过getSettings()来获取WebSetting的值，然后通过setJavaScriptEnabled()来启动Javascript.

WebSettings webSettings=web.getSettings();

webSettings.setJavaScriptEnabled(true);

判断页面加载过程

有些页面加载缓慢，我们需要页面加载过程，制作进度条给用用户良好的体验

//判断加载过程
		web.setWebChromeClient(new WebChromeClient(){

			@Override
			public void onProgressChanged(WebView view, int newProgress) {
				// TODO Auto-generated method stub
				super.onProgressChanged(view, newProgress);
				//newProgress是1到100的整数
				if(newProgress==100){//加载完毕关闭progressDialog
					closeDialog();
				}else{
					//加载中 打开progressDialog
					openDialog(newProgress);
				}
			}

			private void openDialog(int newProgress) {
				// TODO Auto-generated method stub
				if(dialog==null){
					 dialog=new ProgressDialog(MainActivity.this); 
					 dialog.setTitle("加载中");
					 dialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
					 dialog.setProgress(newProgress);
					 dialog.show();
					 
				}else{
					 dialog.setProgress(newProgress);
				}
			}

			private void closeDialog() {
				// TODO Auto-generated method stub
				if(dialog!=null&&dialog.isShowing()){
					dialog.dismiss();
				}
			}
			
		});

WebView 使用缓存

使用缓存就是加载的时候把一部风网络资源储存在本地下次在加载相同的资源的时候就比较快

优先使用缓存

web.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);

不使用缓存

	web.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);