Android中使用WebView去构建一个简单的web app.

什么是WebView?

WebView是一个View的子类，允许你显示一个网页作为Activity的layout的一部分.

什么情况下使用WebView?

1,你要给用户一个提示页（用户协议或者使用引导），这个协议可能会随时更新，所以可以在服务器上写成web页面，然后由WebView加载显示.

2,你要显示的数据始终来源于网络，这个时候使用WebView去加载显示要比每次发送网络请求获取数据显示要方便.

如何构建一个WebView在你的应用中.

添加一个WebView到你的Layout布局中.

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

务必添加网络访问权限在Androidmanifest.xml

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

找到你的WebView控件并加载一个网页.

WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.loadUrl("http://www.example.com");

在WebView中使用javascript脚本.

这里需要分两步去做

第一步，需要让的WebView具有可以使用javascript脚本的权限，需要做以下处理

WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);

WebSetting是一个可以用来设置WebView各项参数的对象。

第二步，搭建web页面javascript和本地应用code的接口.

1，建立接口

public class WebAppInterface {
    Context mContext;

    /** Instantiate the interface and set the context */
    WebAppInterface(Context c) {
        mContext = c;
    }

    /** Show a toast from the web page */
    @JavascriptInterface
    public void showToast(String toast) {
        Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
    }
}

2,关联到webview

webView.addJavascriptInterface(new WebAppInterface(this), "Android");

3,javascript代码

<input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />

<script type="text/javascript">
    function showAndroidToast(toast) {
        Android.showToast(toast);
    }
</script>

这样当点击web page上面的button就会弹出本地toast.

使用client-code和javascript结合的方式，你需要注意的是，如果你的html和javascript一部分不是你自己写的或者说是引用第三方的，那么存在一定的安全性问题，因为在远程代码可以控制你的本地app.

在WebView中处理页面的迁移：

通常默认的在webview中点击link会打开默认浏览器迁移到指定的web page. 如果你想在就在webview中完成迁移，那么需要做如下操作

WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.setWebViewClient(new WebViewClient());

以后link的所有迁移都是在webview中完成.

你也可以重写WebViewClient中的方法，完成webview更负责的控制.

by kamikaze