第98章、WebView组件（从零开始学Android）

　　WebView很简单，目的就是为了显示网页，而且显示在指定区域中。

　　（1）LoadUrl直接显示网页内容；

　　（2）LoadData显示中文网页内容。

　　（3）setJavaScriptEnabled()支持JavaScript。

一、设计界面

　　1、布局文件

　　打开res/layout/activity_main.xml文件。
　　输入以下代码：

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" > <WebView android:id="@+id/webview" android:layout_width="match_parent" android:layout_height="400dip" /><Button    android:id="@+id/show"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="WebView显示网页" /> </LinearLayout> 

二、程序文件

　　打开“src/com.genwoxue.webview/MainActivity.java”文件。
　　然后输入以下代码：

package com.genwoxue.webview;import android.app.Activity; import android.os.Bundle; import android.view.KeyEvent; import android.view.View;import android.view.View.OnClickListener;import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.Button;public class MainActivity extends Activity { private WebView webview; private Button btnShow=null;@Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); btnShow=(Button)super.findViewById(R.id.show);btnShow.setOnClickListener(new OnClickListener(){       public void onClick(View v)       {         webview = (WebView) findViewById(R.id.webview);        //设置WebView属性，能够执行Javascript脚本        webview.getSettings().setJavaScriptEnabled(true);        //加载需要显示的网页        webview.loadUrl("http://www.genwoxue.com");        //设置Web视图：目的是在WebView中打开其他链接仍然显示在此，而不是新开Android默认的浏览器打开新页面        webview.setWebViewClient(new HelloWebViewClient ());        }});} @Override //设置回退 :目的防止单击手机BACK键退出应用程序//覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法 public boolean onKeyDown(int keyCode, KeyEvent event) { if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) { webview.goBack(); //goBack()表示返回WebView的上一页面 return true; } return false; } //Web视图 private class HelloWebViewClient extends WebViewClient { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } }}

三、配置文件

　　打开“AndroidManifest.xml”文件。

　　然后输入以下代码：

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"    package="com.genwoxue.webview"    android:versionCode="1"    android:versionName="1.0" >    <uses-sdk        android:minSdkVersion="10"        android:targetSdkVersion="15" />            <uses-permission android:name="android.permission.INTERNET" />    <application        android:allowBackup="true"        android:icon="@drawable/ic_launcher"        android:label="@string/app_name"        android:theme="@style/AppTheme" >        <activity            android:name="com.genwoxue.webview.MainActivity"            android:label="@string/app_name" >            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>            </application></manifest>

注意：由于访问网络，需要在AndroidManifest.xml文件中添加权限：

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

四、运行结果