Android之WebView

来源:互联网 发布:统计学数据分析报告 编辑:程序博客网 时间:2024/06/05 23:40

简介

WebView是Android中用于加载web页面的控件

优点

  • 可以直接内嵌到App中用于显示和渲染web页面
  • 可以直接用html文件(网络上或本地assets中)作布局

配置权限

android:name=”android.permission.INTERNET”
如果需要定位功能,还需要配置下面两个权限
android:name=”android.permission.ACCESS_FINE_LOCATION”
android:name=”android.permission.ACCESS_COARSE_LOCATION”

两个实现方法

  • setWebClient:主要处理解析,渲染网页等浏览器做的事情
  • setWebChromeClient:辅助WebView处理Javascript的对话框,网站图标,网站title,加载进度等
    WebViewClient就是帮助WebView处理各种通知、请求事件的。

加载网页字符串

使用loadData()加载一段HTML内容

mWebView = (WebView) findViewById(R.id.id_webView);String summary = "<html><body>You scored <b>192</b> points.</body></html>";mWebView.loadData(summary, "text/html", null);

如下图:
这里写图片描述

加载网络资源

使用loadUrl()加载网络url

String htmlurl = "http://baidu.com";mWebView.loadUrl(htmlurl);

加载时,会自动跳转到系统浏览器打开,如下图:
这里写图片描述

而我们使用WebView就是为了展示网页,还跳转个鸡毛啊,为了解决这个问题,就要使用WebViewClient这个Class

mWebView.setWebViewClient(new WebViewClient() {    public boolean shouldOverrideUrlLoading(WebView view, String url){         //  重写此方法表明点击网页里面的链接还是在当前的webview里跳转,不跳到浏览器那边        view.loadUrl(url);        return true;    }});

效果如下图:
这里写图片描述

实例

创建Android项目名曰:WebViewTest
添加一个Activity,MainActivity
xml文件如下

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    ><WebView    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:id="@+id/webView"    /></LinearLayout>

java代码如下:

package com.webviewurl.test;import java.util.List;import org.json.JSONArray;import org.json.JSONException;import org.json.JSONObject;import android.app.Activity;import android.app.AlertDialog;import android.content.Context;import android.content.DialogInterface;import android.content.DialogInterface.OnClickListener;import android.content.Intent;import android.net.Uri;import android.os.Bundle;import android.util.Log;import android.webkit.WebChromeClient;import android.webkit.WebSettings;import android.webkit.WebView;import android.webkit.WebViewClient;import android.webkit.GeolocationPermissions.Callback;import android.graphics.Bitmap; public class MainActivity extends Activity { private static final String TAG = "MainActivity";    private WebView webView;    private static final String htmlurl="http://baidu.com";    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        webView = (WebView)this.findViewById(R.id.webView);        WebSettings settings = webView.getSettings();        //设置Webview可以调用javascript        settings.setJavaScriptEnabled(true);        //设置webview可以调用地理位置信息        settings.setGeolocationEnabled(true);        //设置webview调用地理位置信息的缓存路径                settings.setGeolocationDatabasePath(getFilesDir().getPath());        //配置获取设备位置信息的权限        webView.setWebChromeClient(new WebChromeClient() {            @Override            public void onGeolocationPermissionsShowPrompt(String origin,Callback callback) {                callback.invoke(origin, true, false);                  super.onGeolocationPermissionsShowPrompt(origin, callback);            }        });        webView.setWebViewClient(new WebViewClient() {            public boolean shouldOverrideUrlLoading(WebView view, String url){                 //  重写此方法表明点击网页里面的链接还是在当前的webview里跳转,不跳到浏览器那边                view.loadUrl(url);                return true;            }        });        webView.addJavascriptInterface(new ContactPlugin(), "contact");        webView.loadUrl(htmlurl);    }}

加载本地资源

方法同上,只是架子啊方法不同
webView.loadUrl(“file:///android_asset/test.html”);

Demo地址
CSDN:http://download.csdn.net/detail/shiquanqq/9464237
Github:

1 0