# Android Web 視圖示例 > 原文： [https://javatutorial.net/android-web-view-layout-example](https://javatutorial.net/android-web-view-layout-example) 在先前的教程中，我們學習了 Android 中的[線性](https://javatutorial.net/android-linear-layout-example)和[相對布局](https://javatutorial.net/android-relative-layout-example)，本教程以示例說明了 Web 視圖。 您要在 Android 應用程序中打開網頁嗎？ Android 提供了一種稱為 Web 視圖，可幫助我們在應用程序中打開網頁。 ## Web 視圖 Web 視圖用于顯示活動中的在線內容。 Web 視圖類是 Android 中視圖類的擴展。 它不像網絡瀏覽器，因此不提供導航控件和 URL。 Web 工具包呈現引擎顯示網頁，并允許我們向前和向后導航。 如果要在應用程序中顯示一些網頁信息，則使用 Web 視圖非常普遍。 或者，如果您想提供需要更新的信息（例如用戶指南或協議），則可以用作另一種用途。 如果要在應用程序中訪問互聯網，則必須向清單文件添加`INTERNET`權限，例如 `<uses-permission android: name= "android.permission.INTERNET" />` ## Web 查看方法 以下是 Android 中 Web 視圖的方法。 * `addJavascriptInterface(Object object, String name)`，用于在 Web 視圖中注入 JavaScript 代碼。 * `canGoBack()`，用于轉到上一個歷史記錄項目。 * `canGoBackOrForward(int steps)`，用于按給定步驟前進或后退。 * `canGoForward()`，用于轉到下一個歷史記錄項目。 * `canZoonIn()`，用于放大。 * `canZoomOut()`，用于縮小。 * `clearHistory()`，用于清除 Web 視圖的歷史記錄。 * `clearView()`，用于重置 Web 視圖和釋放資源。 * `destroy()`，用于破壞 Web 視圖的內部狀態。 * `findFocus()`，在以當前具有焦點的此視圖為根的層次結構中查找視圖。 * `freeMemory()`，用于釋放內存，現在不建議使用此方法。 * `getSettings()`，獲取 Web 視圖的設置。 * `getTitle()`，以字符串形式獲取當前頁面的標題。 * `getURL()`，以字符串形式獲取當前頁面的 URL。 * `goBack()`，返回 Web 視圖的歷史記錄。 * `capturePicture()`，用于拍攝 Web 視圖的位圖快照。 ## Android 中的 Web 視圖示例 這是一個示例，顯示了如何通過在活動中使用 Web 視圖在應用程序中顯示`javatutorial.net`網站。 首先，您需要創建一個新活動。 打開您的`activity_main.xml`并粘貼此代碼。 ```java <?xml version="1.0" encoding="utf-8"?> <RelativeLayout android:layout_width="368dp" android:layout_height="495dp" tools:layout_editor_absoluteX="8dp" tools:layout_editor_absoluteY="8dp" xmlns:tools="http://schemas.android.com/tools" xmlns:android="http://schemas.android.com/apk/res/android"> <TextView android:id="@+id/textView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:layout_marginTop="53dp" android:text="Welcome to JavaTutorial.net" android:textColor="@android:color/black" android:textSize="24sp" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/textView" android:layout_centerHorizontal="true" android:layout_marginTop="44dp" android:text="Click Here" android:id="@+id/button" /> <WebView android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@+id/button" android:layout_marginTop="86dp" android:id="@+id/webView"/> </RelativeLayout> ``` 現在打開`mainActivity.java`并粘貼此代碼 ```java package com.example.admin.webview; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.Button; import android.widget.EditText; public class MainActivity extends AppCompatActivity { Button b1; private WebView wv1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); b1=(Button)findViewById(R.id.button); wv1=(WebView)findViewById(R.id.webView); wv1.setWebViewClient(new MyBrowser()); b1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { String url = "https://www.javatutorial.net/"; wv1.getSettings().setLoadsImagesAutomatically(true); wv1.getSettings().setJavaScriptEnabled(true); wv1.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY); wv1.loadUrl(url); } }); } private class MyBrowser extends WebViewClient { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } } } ``` 您的清單文件應該是這樣的 ```java <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.admin.webview"> <uses-permission android:name="android.permission.INTERNET" /> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest> ``` 這是此應用程序的輸出  網頁視圖  Web 視圖示例 您可以通過單擊[鏈接](https://github.com/JavaTutorialNetwork/Tutorials/blob/master/Webview.rar)下載此代碼。