Dans un an…

"Face au monde qui change, il vaut mieux penser le changement que changer le pansement." Pierre Dac
  • Home
  • A Propos
  • Applications
  • Tutoriels
19 Jan 2010

Android WebView

ou comment ouvrir un navigateur web depuis une appli….

Je rédige ce petit tutoriel car l’exemple qui se trouve sur le site web d’android ne fonctionne pas. Le voici donc revu et corrigé !

L’objet WebView vous permet de créer votre propre Activity pour un browser internet.
Ca peut être l’activité principale de votre application ou elle peut être lancée via un intent.

Pour tester, créer un nouveau projet OnTheWeb avec comme activity : OnTheWeb et comme nom de package : com.test.ontheweb.

Voici le code de l’activité :

package com.test.ontheweb;

import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class OnTheWeb extends Activity {
	WebView webview;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.mywebview);

		webview = (WebView)findViewById(R.id.webview);
		webview.setWebViewClient(new myWebViewClient());
		webview.getSettings().setJavaScriptEnabled(true);
		webview.loadUrl("http://www.dansunan.com");
	}

	@Override
	public boolean onKeyDown(int keyCode, KeyEvent event) {
		if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {
			webview.goBack();
			return true;
		}
		return super.onKeyDown(keyCode, event);
	}

	private class myWebViewClient extends WebViewClient {
		@Override
		public boolean shouldOverrideUrlLoading(WebView view, String url) {
			view.loadUrl(url);
			return true;
		}
	}
}

Et le fichier mywebview.xml qui va bien :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">

<WebView
android:id="@+id/webview"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />

</LinearLayout>

Bien sûr , pour avoir accès à internet, il faut ajouter à votre fichier AndroidManifest.xml la ligne :

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

NB : l’erreur du tutoriel original se trouve dans le fichier .xml qui décrit la WebView.
La LinearLayout définie doit avoir les propriétés :

android:layout_width=”fill_parent”
android:layout_height=”fill_parent”

au lieu de :

android:layout_width=”wrap_content”
android:layout_height=”wrap_content”

Tags: android, tutoriel, webview

This entry was posted on Tuesday, January 19th, 2010 at 2:27 pm and is filed under android. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

2 Responses to “Android WebView”

  1. Developpeur Web » Developpement Androïd : Bien débuter sous ubuntu says:
    June 15, 2010 at 11:05 am

    [...] Faire sa première Webview en suivant ce tutoriel Webview et les conseils de google [...]

  2. REQ says:
    August 20, 2010 at 10:27 am

    C’est bien expliqué
    Merci,

Leave a Reply

Click here to cancel reply.

« Du changement….
L’appli P’tit Coin… »
  • Appli Android et iPhone

    • Applications
      • Android
        • M-Converter
        • P’tit Coin (Loo or Pee?)
      • iPhone
        • M-Converter
    • Tutoriels
  • Enregistrement Développeur iPhone

    Processus d'enregistrement comme développeur d'applis iPhone

  •  

    September 2010
    M T W T F S S
    « Aug    
     12345
    6789101112
    13141516171819
    20212223242526
    27282930  
  • Recent Posts

    • Twitter Weekly Updates for 2010-08-08
    • Insérer une bannière pub dans un TableViewController
    • iPhone : Remplacer le titre d’un TableViewController par une image
    • iPhone : afficher une AlertView
    • Quelques nouveautés…
  • Categories

    • android
    • Audience
    • Business
    • e-commerce
    • eco-reflexion
    • écolo ? non intelligent !
    • education
    • iPhone
    • livre
    • media
    • Récréation
    • société
    • spectacle enfant
    • Stratégie
    • tutoriels
    • Uncategorized
  • Blogroll

    • Dauran
    • Forex
    • L’art en couleurs
    • P'tit Coin
Dans un an… is proudly powered by WordPress
Design & code by Jonk
Entries (RSS) and Comments (RSS).