• Utiliser du code HTML dans ses applications android

    Publié le 07 septembre 2009 par Guy (GuyTouch)


    Sur android il y a un composant que je trouve vraiment intéressant c’est WebView. Ce composant permet d’utiliser du code html dans notre interface.

    D’abord dans mon fichier xml j’ajoute un élément Webview.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    
    <?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"
        >
    <TextView  
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:text="@string/hello"
        />
         <WebView android:id="@+id/eltWebView"
                android:layout_height="wrap_content"
                android:layout_width="fill_parent"
                />
    </LinearLayout>

    Il faut ensuite créer un objet de type WebView.

    1
    
     WebView objetview;

    Dans une chaine de caractère on saisie notre code html.

    1
    
      String mapage="<body><h1>Utilisation HTML</h1>Utilisation du code html dans une <br>webview android</body>";

    Dans la méthode loadData de notre objet on passe la chaine de caractère maPage

    1
    2
    3
    
    final String mimeType = "text/html";
     final String encoding = "utf-8";
     wv.loadData(mapage, mimeType, encoding);

    Code complet

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    
    public class Newnavigateur extends Activity {
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
     
           // les définitions de type mime et de l'encodage
           final String mimeType = "text/html";
            final String encoding = "utf-8";
            WebView objetview;
     
           //mon code html 
            String mapage="<body><h1>Utilisation HTML</h1>Utilisation du code html dans une <br>webview android</body>";
     
     
            objetview= (WebView) findViewById(R.id.eltWebView);
             //on charge mon code html dans ma webview
            objetview.loadData(mapage, mimeType, encoding);
        }
    }

    webview 201x300 Utiliser du code HTML dans ses applications android  Android France

    Si vous développez souvent en html, ce composant vous permettra de faire une mise en page rapide, par exemple pour la restitution d’information.


    Guy

    Co-fondateur du site Android france, senior lead developper, passionné de bière et de cigare cubain

    Twitter Google+ 

  • 4 Commentaires pour ce billet

    1. 1 - chouchi dit:

      bonjour
      je voudrais savoir comment faire pour que mon site reconnaisse la plateforme Android
      ex mon site reconnait si un iphone consulte si oui direction une url au format iphone sinon je parts vers la version PC
      Je voudrais faire la meme chose pour android

      Merci

    2. 2 - Guy dit:

      @chouchi je pense que tu utilises les informations de l’useragent tu regardes si dans useragent du visiteur tu trouves le mot android redirection

    3. 3 - Igor Magès dit:

      Salut,
      J’ai un petit problème, j’essaye d’utiliser ce bout de code mais eclipse dit qui il y a une erreur sur cette ligne: objetview= (WebView) findViewById(R.id.eltWebView);
      exactement sur R.id.

      Vous avez une idée?

      Cordialement,
      Igor.

    4. 4 - pikos dit:

      bonjours
      merci bien pour le tuto !!
      j’ai un petit problème ,je ne peux pas affecté un code HTML sosu cette forme “formulaire par exemple” Photo : a une chaine de caractères a cause des cotes ! quel est la solution a votre avis ?
      cordialement pikos

  • Laissez un commentaire

  • Les Brèves