Android WebView-Beispiel

Android WebView Beispiel

MitWebView von Android können Sie ein eigenes Fenster zum Anzeigen von URLs oder benutzerdefinierten HTML-Markup-Seiten öffnen.

In diesem Lernprogramm erstellen Sie zwei Seiten, eine Seite mit einer einzelnen Schaltfläche. Wenn Sie darauf klicken, navigiert diese zu einer anderen Seite und zeigt die URL "google.com" in der WebView-Komponente an.

P.S This project is developed in Eclipse 3.7, and tested with Android 2.3.3.

1. Android-Layoutdateien

Erstellen Sie zwei Android-Layoutdateien - "res/layout/main.xml" und "res/layout/webview.xml".

Datei: res / layout / main.xml

Datei: res / layout / main.xml - WebView-Beispiel

2. Aktivität

Zwei Aktivitätsklassen, eine Aktivität zum Anzeigen einer Schaltfläche und eine andere Aktivität zum Anzeigen derWebView mit vordefinierter URL.

Datei: MainActivity.java

package com.example.android;

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MainActivity extends Activity {

    private Button button;

    public void onCreate(Bundle savedInstanceState) {
        final Context context = this;

        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        button = (Button) findViewById(R.id.buttonUrl);

        button.setOnClickListener(new OnClickListener() {

          @Override
          public void onClick(View arg0) {
            Intent intent = new Intent(context, WebViewActivity.class);
            startActivity(intent);
          }

        });

    }

}

Datei: WebViewActivity.java

package com.example.android;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;

public class WebViewActivity extends Activity {

    private WebView webView;

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.webview);

        webView = (WebView) findViewById(R.id.webView1);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.loadUrl("http://www.google.com");

    }

}

3. Android-Manifest

WebView erforderlichINTERNET permission, unten inAndroidManifest.xml addieren.

File : AndroidManifest.xml - Siehe vollständiges Beispiel.

4. Demo

Standardmäßig wird nur eine Schaltfläche angezeigt.

android webview example

Klicken Sie auf die Schaltfläche, WebView wird angezeigt.

android webview example

5. Demo, schon wieder

MitWebView können Sie benutzerdefinierte HTML-Markups manuell überwebView.loadData() laden, siehe geänderte Version:

package com.example.android;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;

public class WebViewActivity extends Activity {

    private WebView webView;

    public void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.webview);

       webView = (WebView) findViewById(R.id.webView1);
       webView.getSettings().setJavaScriptEnabled(true);
       //webView.loadUrl("http://www.google.com");

       String customHtml = "Hello, WebView
";
       webView.loadData(customHtml, "text/html", "UTF-8");

    }

}

Wenn Sie nun auf die Schaltfläche klicken, wird eine benutzerdefinierte HTML-Seite angezeigt.

android webview example

Quellcode herunterladen

Laden Sie es herunter -Android-WebView-Example.zip (16 KB)

TOC

Android WebView-Beispiel