WebView 简单使用kongleifeng

Android 提供了内置的浏览器，该浏览器使用了开源的WebKit引擎。WebKit不仅能够搜索网址、查看电子邮件，而且能够播放视频节目。在Android中要使用内置的浏览器，需要通过WebView组件来实现。WebView组件可以轻松实现显示网页功能。
简单实现WebView浏览网页的功能。

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

下面的这个例子：一个界面加载两个webView 。

在AndroidMainfest.xml设置网络访问权限

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

在activity_main.xml布局文件的代码如下

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="800px"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@drawable/ic_launcher"
    tools:context=".MainActivity" >
    <ScrollView 
       android:id="@+id/goods_right_scrollView"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       >
       <LinearLayout
           android:id="@+id/goods_linearLayout"
           android:layout_width="fill_parent"
           android:layout_height="wrap_content"
           android:orientation="vertical"
           >
             <WebView 
             android:id="@+id/webview_parameter"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             />
         <WebView 
             android:id="@+id/webview_picturedetail"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             />
       </LinearLayout> 
   </ScrollView>  
</LinearLayout>

在实现文件中添加如下代码

public class MainActivity extends Activity {

    private Context mContext;
    private WebView parametreWebView;
    private WebView pictureDetailWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        parametreWebView = (WebView)findViewById(R.id.webview_parameter);

        pictureDetailWebView = (WebView)findViewById(R.id.webview_picturedetail);
        // 下面两个属性 可以任意比例缩放
        pictureDetailWebView.setVerticalScrollbarOverlay(true); //指定的垂直滚动条有叠加样式         
        WebSettings settings = pictureDetailWebView.getSettings();
        settings.setUseWideViewPort(true);//设定支持viewport
        settings.setLoadWithOverviewMode(true);
        settings.setJavaScriptEnabled(true);//加载网页支持JavaScripte
        settings.setBuiltInZoomControls(true);// 支持双击webview放大 或者 缩小
        settings.setSupportZoom(true);//设定支持缩放 长按webview出现放大和缩小按钮
        pictureDetailWebView.setInitialScale(100);// 控制webView的缩放比例显示图片很简单就这一个属性就可以了
//      parametreWebView.setInitialScale(150);
        // 加载中delegate处理
        pictureDetailWebView.setWebViewClient(new WebViewClient(){

            public void onPageStarted(WebView view, String url, android.graphics.Bitmap favicon) {
                System.out.println("加载前的准备......");

            };
            public void onPageFinished(WebView view, String url) {
                System.out.println("加载完成......");

            };
            public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
                System.out.println("加载失败......");
            };

        });
        // 隐藏首次加载的滚动条  每次加载出现两个滚动条
        parametreWebView.setVerticalScrollBarEnabled(false);
        pictureDetailWebView.setVerticalScrollBarEnabled(false);
        // 缓存模式
        settings.setCacheMode(WebSettings.LOAD_DEFAULT);
        // 开启存贮功能
        settings.setDomStorageEnabled(true);
        parametreWebView.loadUrl("http://yx.3.cn/service/info.action?k=g1034425847&u_source=app_worldbuy");
        pictureDetailWebView.loadUrl("http://yx.3.cn/service/info.action?k=d981821&skuId=981821&u_source=app_worldbuy");
    }
}

运行之后的结果如图