您的位置：首页 > 移动开发

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

2015-10-11 22:53 309 查看
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);




内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航