如何在WebView中建立Android Apps

今日学习任务：理解Android Web Apps的运行机制，实现简单的包含Web View的应用程序涉及的主要内容：1） Android Web Apps的两种形式 2）Web View的创建和使用方法      1. Web Apps的两种形式 在Android中，Web Apps有两种形式供用户访问。一种就是用手机上的浏览器直接访问的网络应用程序，这种情况用户不需要额外安装其他应用，只要有浏览器就行；而另一种，则是在用户的手机上安装客户端应用程序（.apk），并在此客户端程序中嵌入Web View来显示从服务器端下载下来的网页数据，比如新浪微博和人人网的客户端。对于前者来说，主要的工作是根据手机客户端的屏幕来调整网页的显示尺寸、比例等；而后者需要单独开发基于Web View的Web app. 本篇主要是学习后者的开发。     （图片来源于：developer.android.com）   2. 怎样在Android应用程序中加入Web View？ 2.1 先在layout文件中加入<WebView>元素<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"/> 2.2 由于应用程序需要访问网络，所以需要在AndroidManifest.xml中请求网络权限的： <uses-permission android:name="android.permission.INTERNET"/> 2.3 使用Web View：WebView myWebView = （WebView） findViewById（R.id.webview）; 2.4 加载一个页面，可以用loadUrl（）方法，例如： myWebView.loadUrl（"http://www.linuxidc.com"）; 3. 在Web View 中使用JavaScript   3.1 如果你加载到 Web View 中的网页使用了JavaScript，那么，需要在Websetting 中开启对JavaScript的支持，因为Web View 中默认的是JavaScript未启用。// 获取 WebSetting WebSettings webSettings = myWebView.getSettings（）; // 开启Web View对JavaScript的支持webSettings.setJavaScriptEnabled（true）; 3.2 将JavaScript与Android客户端代码进行绑定。为什么要绑定呢？可以看这个例子：如果JavaScript 代码想利用Android的代码来显示一个Dialog,而不用JavaScript的alert（）方法，这时就需要在Android代码和JavaScript代码间创建接口，这样在Android代码中实现显示对话框的方法，然后JavaScript调用此方法。 1）创建 Android代码和JavaScript代码的接口，即创建一个类，类中所写的方法将被JavaScript调用 public class JavaScriptInterface {    Context mContext;

    /** 初始化context，供makeText方法中的参数来使用 */
    JavaScriptInterface（Context c） {
        mContext = c;
    }

    /** 创建一个方法，实现显示对话框的功能，供JavaScript中的代码来调用 */
    public void showToast（String toast） {
        Toast.makeText（mContext, toast, Toast.LENGTH_SHORT）.show（）;
    }
}     2）通过调用addJavascriptInterface方法，把我们上面创建的接口类绑定与运行在Web View上的JavaScript进行绑定。// 第二个参数是为这个接口对象取的名字，以方便JavaScript调用webView.addJavascriptInterface（new JavaScriptInterface（this）, "Android"）; 3）现在，我们可以在html中的JavaScript部分调用showToast（）方法了。<script type="text/javascript">
    function showAndroidToast（toast） {
        Android.showToast（toast）;
    }
</script><input type="button" value="Say hello" onClick="showAndroidToast（"Hello Android！"）" />