Publié le 17/02/2015
Auteur Axel
Réseaux sociaux
0 partages
0 tweets
0 plus
0 commentaires

Ouvrir une page internet avec WebView

Avec Android, le Webbrowser que l'on trouve dans de nombreux langages de programmation s'appelle WebView. En plus de savoir afficher une page internet, on peut définir le comportement du composant pour en faire un navigateur internet.

Afficher une page internet avec WebView

1159-webview


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <WebView android:id="@+id/webview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1" />
</LinearLayout>
La vue comporte un seul élément à savoir un composant WebView qui permet d'afficher le contenu d'une page internet.

Pour charger du contenu au travers la connexion du périphérique Android, nous avons besoin de droit. Dans cet exemple, il est important d'obtenir l'autorisation d'accéder à internet et de modifier le contenu du Android Manifest File en y ajoutant <uses-permission android:name= "android.permission.INTERNET" />
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="My.Package"
      android:versionCode="1"
      android:versionName="1.0">
    <application android:label="@string/app_name" android:icon="@drawable/ic_launcher">
        <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>
    <uses-permission android:name="android.permission.INTERNET" />
</manifest>

Paramétrer les evenements du WebView

Passons au coeur de l'apllication pour créer la vue, définir quelques règlages puis paramétrer le WebView pour qu'il se comporte comme attendu.
import android.app.Activity;
import android.app.ProgressDialog;
import android.os.Bundle;
import android.util.Log;
import android.view.KeyEvent;
import android.view.Window;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;
 
/**
 * Afficher une page HTML avec Webview
 * http://www.fobec.com/java/1160/ouvrir-une-page-internet-avec-webview.html
 * @author Axel fevrier 2015
 */
 
public class MainActivity extends Activity {
    //Fenetre d'attente
    private ProgressDialog progressDialog;
    //Controle d'affichage HTML
    private WebView webview;
 
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
 
        //Supprimer le titre + créer la vue
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.main);
 
        //Initialer le Webview
        webview = (WebView) findViewById(R.id.webview);
        WebSettings settings = webview.getSettings();
        settings.setJavaScriptEnabled(true);
        webview.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
 
        //Afficher une fenetre d'attente
        progressDialog = ProgressDialog.show(MainActivity.this, "Exemple de Webview", "Chargement...");
 
        //Creer le browser et charger l'url
        webview.setWebViewClient(new MyWebClient());
        webview.loadUrl("http://www.google.com");
    }
 
    /**
     * Surcharger l'evenement retour
     * @param keyCode
     * @param event
     * @return 
     */
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {
            webview.goBack();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }
 
    /**
     * Configurer les evenements du Webview
     */
    public class MyWebClient extends WebViewClient {
 
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
 
        @Override
        public void onPageFinished(WebView view, String url) {
            //  Log.i(TAG, "Finished loading URL: " +url);
            if (progressDialog.isShowing()) {
                progressDialog.dismiss();
            }
        }
 
        @Override
        public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
             Log.e("Myapp", "Error: " + description);
             Toast.makeText(getApplicationContext(), "Erreur: "+description, Toast.LENGTH_LONG).show();              
        }
    }
}

Quelques précisions sur les fonctions de la class:

onCreate(): initilisation du layout puis une fenetre d'attente est affichée pendant le chargement de la page HTML,

onKeyDown()
: lorsque l'utilisateur clique sur le bouton retour de sa tablette, un évènement KeyDown est envoyé à l'application. Notre application va revenir sur la page internet précedente,

MyWebClient: une nouvelle class est créer pour définir les evenements de la page internet. Par exemple, en surchargeant shouldOverrideUrlLoading(), la nouvelle Url est ouverte dans notre apllication et non pas dans le navigateur internet de Android.

Franchement, j'ai été surpris par le WebView intégré à Android. Tant afficher une page internet dans une application JAVA desktop est parfois difficile, tant sur Android c'est génial ! Quelques lignes de code suffisent et notre application sait ouvrir une page HTML et se comporte comme un navigateur internet.

Ajouter un commentaire

Les champs marqués d'un * sont obligatoires, les adresses emails se sont pas publiées.

A lire aussi

Réseaux sociaux
Présentation de l'article
Catégorie
java - android
Mise a jour
17/02/2015
Visualisation
vu 2940 fois
Public
Internaute
Auteur de la publication
Axel
Membre junior
Auteur de 51 articles
|BIO_PSEUDO|
Commentaires récents

Publié par hhhhh dans java

oooooooooooooooooooo

Publié par titi dans tuto

test de ce truc! eh ben exigeant en plus

Publié par Christophe dans CMS

je te propose d'améliorer la fonction
procedure TForm1.Button1Click(Sender: TObject);
begin
GetDesktopListViewHandle;
ListView_SetTextBkColor(hLV, $FFFFFFFF);
ListView_Re...

Publié par medfayz dans java

hi everybody thanks for the code , and please can any one help me to fix that exception.
javax.media.NoPlayerException: Cannot find a Player for :vfw:0

thanks

Publié par Berenger dans java

Bonjour Mr Foebec je suis vraiment très content de cette réponse vous êtes simplement génial. quand je pense au nombre de jour que ça m'a pris et le temps que j'ai pe...