exemple Android WebView

Exemple Android WebView

LeWebView d'Android vous permet d'ouvrir votre propre fenêtre pour afficher une URL ou une page de balisage HTML personnalisée.

Dans ce tutoriel, vous allez créer deux pages, une page avec un seul bouton, lorsque vous avez cliqué dessus, il naviguera vers une autre page et affichera l'URL «google.com» dans le composant WebView.

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

1. Fichiers de mise en page Android

Créez deux fichiers de mise en page Android - «res/layout/main.xml» et «res/layout/webview.xml».

Fichier: res / layout / main.xml

Fichier: res / layout / main.xml - exemple WebView

2. Activité

Deux classes d'activité, une activité pour afficher un bouton, une autre activité affichent lesWebView avec une URL prédéfinie.

Fichier: 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);
          }

        });

    }

}

Fichier: 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. Manifeste Android

WebView requisINTERNET permission, ajoutez ci-dessous dansAndroidManifest.xml.

File : AndroidManifest.xml - Voir l'exemple complet.

4. Demo

Par défaut, affichez simplement un bouton.

android webview example

Cliquez sur le bouton, WebView s'affiche.

android webview example

5. Démo, encore une fois

WebView vous permet de charger manuellement le balisage HTML personnalisé, viawebView.loadData(), voir la version modifiée:

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");

    }

}

Maintenant, lorsque vous cliquez sur le bouton, une page html personnalisée s'affiche.

android webview example

Télécharger le code source

Téléchargez-le -Android-WebView-Example.zip (16 Ko)

TOC

exemple Android WebView