WebView

使用WebView浏览图片

package com.example.photogallery;

import android.annotation.SuppressLint;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.TextureView;
import android.view.View;
import android.view.ViewGroup;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ProgressBar;
import android.widget.TextView;

public class PhotoPageFragment extends VisibleFragment {
    private String mUrl;
    private WebView mWebView;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setRetainInstance(true);

        mUrl = getActivity().getIntent().getData().toString();
    }

    @SuppressLint("SetJavaScriptEnabled")
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_photo_page, container,
                false);

        final ProgressBar progressBar = (ProgressBar) view.findViewById(R.id.progressBar);
        progressBar.setMax(100);//WebChromeClient范围在0-100
        final TextView titleTextView = (TextView) view.findViewById(R.id.titleTextView);
        mWebView = (WebView) view.findViewById(R.id.webView);

        // 启用JavaScript
        mWebView.getSettings().setJavaScriptEnabled(true);
        /** * 配置WebViewClient. * WebViewClient是一个事件接口。通过提供自己实现的WebViewClient，可响应各种渲染事件。 * 例如，可检查渲染器何时开始从特定URL加载图片，或决定是否需要向服务器重新提交POST请求。 */
        mWebView.setWebViewClient(new WebViewClient() {

            /** * shouldOverrideUrlLoading方法表示当有新的URL加载到WebView（譬如说点击某个链接），该方法会决定下一步的行动。 * 如返回true值，意即“不要处理这个URL，我自己来”。如返回false值，意即“WebView，去加载这个URL，我不会对他做任何处理。” */
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                return false;
            }
        });

        /** * WebChromeClient是一个响应那些改变浏览器中装饰元素的事件接口。 * 这包括JavaScript警告信息、网页图标、状态条加载，以及当前网页标题的刷新。 */
        mWebView.setWebChromeClient(new WebChromeClient(){
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                if(newProgress == 100){
                    progressBar.setVisibility(View.INVISIBLE);
                }else {
                    progressBar.setVisibility(View.VISIBLE);
                    progressBar.setProgress(newProgress);
                }
            }

            @Override
            public void onReceivedTitle(WebView view, String title) {
                titleTextView.setText(title);
            }
        });

        // 加载URL网页必须等WebView配置完成后进行，因此这一步操作最后完成
        mWebView.loadUrl(mUrl);

        return view;
    }
}

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" >

    <WebView  android:id="@+id/webView" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_above="@+id/titleTextView" android:layout_alignParentTop="true" />

    <TextView  android:id="@id/titleTextView" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_above="@+id/progressBar" android:layout_margin="5dp" />

    <ProgressBar  android:id="@id/progressBar" style="?android:attr/progressBarStyleHorizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:visibility="invisible" />

</RelativeLayout>

mGridView.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int pos,
                    long arg3) {
                GalleryItem item = mItems.get(pos);

                Uri photoPageUri = Uri.parse(item.getPhotoPageUrl());
                //启动默认的浏览器
                //Intent intent = new Intent(Intent.ACTION_VIEW, photoPageUri);
                Intent intent = new Intent(getActivity(), PhotoPageActivity.class);
                intent.setData(photoPageUri);

                startActivity(intent);
            }
        });

处理WebView的设备选择问题

当设备选择时，WebView会重新加载网页。这是因为WebView包含了太多的数据，以至于无法在onSaveInstanceState(…)方法内保存所有数据。

对于一些类似的类（如VideoView），Android文档推荐让activity自己处理设备配置变更。也就是说，无需销毁重建activity可直接调整自己的视图以适应新的屏幕尺寸。这样，WebView也就不必重新加载全部数据。（但着这种方法并不适用于所有视图）。
在清单文件中配置如下：

<activity android:name="com.example.photogallery.PhotoPageActivity" android:configChanges="keyboardHidden|orientation|screenSize">
</activity>

android:configChanges属性表明，如果因键盘开关、屏幕方向改变、屏幕大小改变而发生设备配置更改，那么activity应自己处理配置变更。

注入任意JavaScript对象到WebView本身包含的文档中

使用addJavascriptInterface(Object object, String name)方法可注入任意JavaScript对象到WebView本身包含的文档中。

mWebView.addJavascriptInterface(new Object(){
            public void send(String message){
                Log.i(TAG, message);
            }
        }, "androidObject");

然后按如下方式调用：

<input type="button" value="In WebView!" onClick="sendToAndroid('In Android land')"/>

<script type="text/javascript"> function sendToAndroid(message){ androidObject.send(message); } </script>

这可能有风险，因为一些可能的问题网页能够与应用直接接触。安全起见，最好能掌控有问题的HTML，要么严格控制不要暴露自己的接口。

代码地址