Android 简明教程
Android - WebView
WebView 是一个在您的应用程序内显示网页的视图。您还可以指定 HTML 字符串,并可以使用 WebView 在您的应用程序中显示该字符串。WebView 使您的应用程序变为 Web 应用程序。
为了将 WebView 添加到您的应用程序,您必须在 xml 布局文件中添加 <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"
/>
为了使用它,您必须在 Java 文件中获得此视图的引用。为了获得引用,请创建 WebView 类的对象。其语法为 −
WebView browser = (WebView) findViewById(R.id.webview);
为了将 Web URL 加载到 WebView 中,您需要调用 WebView 类的 loadUrl(String url) 方法,并指定所需的 URL。其语法为:
browser.loadUrl("https://www.tutorialspoint.com");
除了仅仅加载 URL 外,您还可以通过使用 WebView 类中定义的方法获得对 WebView 的更多控制。它们列举如下 −
Sr.No |
Method & Description |
1 |
canGoBack() 此方法指定 WebView 有一个返回的历史项。 |
2 |
canGoForward() 此方法指定 WebView 有一个前进的历史项。 |
3 |
clearHistory() 此方法将清除 WebView 的前进和后退历史记录。 |
4 |
destroy() 此方法销毁 WebView 的内部状态。 |
5 |
findAllAsync(String find) 此方法查找字符串的所有实例并突出显示它们。 |
6 |
getProgress() 此方法获取当前页面的进度。 |
7 |
getTitle() 此方法返回当前页面的标题。 |
8 |
getUrl() 此方法返回当前页面的 URL。 |
如果您点击 WebView 网页内的任何链接,则该页面不会在您的 WebView 内加载。为了做到这一点,您需要将您的类从 WebViewClient 扩展并覆盖其方法。其语法为 −
private class MyBrowser extends WebViewClient {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
}
Example
这里是一个演示如何使用 WebView 布局的示例。它创建一个基本的 Web 应用程序,它会要求您指定一个 URL,并将该 URL 网站加载到 WebView 中。
要使用此示例,您需要在运行因特网的实际设备上运行此示例。
Steps |
Description |
1 |
你将使用 Android Studio 在包 com.example.sairamkrishna.myapplication 下创建 Android 应用程序。 |
2 |
修改 src/MainActivity.java 文件以添加 WebView 代码。 |
3 |
修改 res/layout/activity_main 以添加各自的 XML 组件 |
4 |
修改 AndroidManifest.xml 以添加必要的权限。 |
5 |
运行该应用程序,选择一个正在运行的安卓设备,并在该设备上安装应用程序并验证结果。 |
以下是修改的主活动文件 src/MainActivity.java 的内容。
package com.example.sairamkrishna.myapplication;
import android.app.Activity;
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 Activity {
Button b1;
EditText ed1;
private WebView wv1;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
b1=(Button)findViewById(R.id.button);
ed1=(EditText)findViewById(R.id.editText);
wv1=(WebView)findViewById(R.id.webView);
wv1.setWebViewClient(new MyBrowser());
b1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String url = ed1.getText().toString();
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;
}
}
}
以下是修改后的 xml res/layout/activity_main.xml 内容。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">
<TextView android:text="WebView" android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/textview"
android:textSize="35dp"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Tutorials point"
android:id="@+id/textView"
android:layout_below="@+id/textview"
android:layout_centerHorizontal="true"
android:textColor="#ff7aff24"
android:textSize="35dp" />
<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/editText"
android:hint="Enter Text"
android:focusable="true"
android:textColorHighlight="#ff7eff15"
android:textColorHint="#ffff25e6"
android:layout_marginTop="46dp"
android:layout_below="@+id/imageView"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignRight="@+id/imageView"
android:layout_alignEnd="@+id/imageView" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView"
android:src="@drawable/abc"
android:layout_below="@+id/textView"
android:layout_centerHorizontal="true" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Enter"
android:id="@+id/button"
android:layout_alignTop="@+id/editText"
android:layout_toRightOf="@+id/imageView"
android:layout_toEndOf="@+id/imageView" />
<WebView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/webView"
android:layout_below="@+id/button"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_alignParentBottom="true" />
</RelativeLayout>
以下是 res/values/string.xml 的内容。
<resources>
<string name="app_name">My Application</string>
</resources>
下面是 AndroidManifest.xml 文件的内容。
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.sairamkrishna.myapplication" >
<uses-permission android:name="android.permission.INTERNET" />
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name=".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>
让我们尝试运行您的 WebView 应用程序。要从 Android Studio 运行应用程序,请打开您的一个项目活动文件,然后从工具栏中单击运行图标。Android Studio 将显示如下所示的内容
现在只需在 URL 字段中指定一个 URL,然后按出现的浏览按钮即可启动该网站。但在这样做之前,请确保您已连接到互联网。在按下按钮后,将出现以下屏幕 −
注:只需更改 URL 字段中的 URL,您的 WebView 即可打开您所需的网站。
上图显示了 tutorialspoint.com 的 webview