Application Android

Aldagon72 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   -  
rahamonti Messages postés 28 Statut Membre -
Bonjour,

Je développe actuellement une application Android sous Eclipse, dans laquelle je dois utiliser des onglets. Le hic, c'est que je ne sais pas comment faire.
Si quelqu'un pouvait m'aider cela serait super sympa.

Cordialement,

2 réponses

  1. rahamonti Messages postés 28 Statut Membre
     
    c'est facile à faire. je vous donne un code xml puis un code java.juste fait copier coller.
    Code xml est :
    <?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">
    <!-- Le TabHost qui contient tous les éléments de nos onglets
    -->
    <TabHost
    android:id="@+id/TabHost01"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <LinearLayout
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <!-- TabWidget qui sert à afficher les onglets -->
    <TabWidget android:id="@android:id/tabs"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    </TabWidget>
    <!-- contenu de nos onglets. -->
    <FrameLayout
    android:id="@android:id/tabcontent"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <!-- Contenu de l'onglet N°1 -->
    <LinearLayout
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:scrollbars="vertical"
    android:id="@+id/Onglet1">
    <TextView
    android:text="Ceci est un texte dans l'onglet N°1"
    android:id="@+id/TextViewOnglet1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    </TextView>
    </LinearLayout>
    <!-- Contenu de l'onglet N°2 -->
    <LinearLayout
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:id="@+id/Onglet2">
    <TextView
    android:text="Ceci est un texte dans l'onglet N°2"
    android:id="@+id/TextViewOnglet2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    </TextView>
    <ImageView
    android:id="@+id/ImageView01"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/icon">
    </ImageView>
    </LinearLayout>
    <!-- Contenu de l'onglet N°3 -->
    <LinearLayout
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:id="@+id/Onglet3">
    <TextView
    android:text="Ceci est un texte dans l'onglet N°3"
    android:id="@+id/TextViewOnglet3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    </TextView>
    </LinearLayout>
    </FrameLayout>
    </LinearLayout>
    </TabHost>
    </LinearLayout>

    Code java :

    import android.app.Activity;
    import android.os.Bundle;
    import android.widget.TabHost;
    import android.widget.Toast;
    import android.widget.TabHost.TabSpec;
    public class Main extends Activity {
    private TabHost monTabHost;
    @Override
    public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main7);
    // Récupération du TabHost
    monTabHost =(TabHost) findViewById(R.id.TabHost01);
    // Avant d'ajouter des onglets, il faut impérativement appeler la méthode
    // setup() du TabHost
    monTabHost.setup();
    // Nous ajoutons les 3 onglets dans notre TabHost
    // Nous paramétrons le 1er Onglet
    TabSpec spec = monTabHost.newTabSpec("onglet_1");
    // Nous paramétrons le texte qui s'affichera dans l'onglet
    // ainsi que l'image qui se positionnera
    // au dessus du texte.
    spec.setIndicator("Onglet 1",getResources().getDrawable(R.drawable.icon));
    // On spécifie le Layout qui s'affichera lorsque l'onglet sera sélectionné
    spec.setContent(R.id.Onglet1);
    // On ajoute l'onglet dans notre TabHost
    monTabHost.addTab(spec);
    // Vous pouvez ajouter des onglets comme ceci :
    monTabHost.addTab(monTabHost.newTabSpec("onglet_2").setIndicator(
    X "Onglet 2").setContent(R.id.Onglet2));
    monTabHost.addTab(monTabHost.newTabSpec("onglet_3").setIndicator(
    X "Onglet 3").setContent(R.id.Onglet3));
    // Nous paramétrons un écouteur onTabChangedListner pour récupérer
    // le changement d'onglet.
    monTabHost.setOnTabChangedListener(
    new TabHost.OnTabChangeListener (){
    public void onTabChanged(String tabId){
    // Vous pourrez exécuter du code lorsqu'un
    // onglet est cliqué. Pour déterminer
    // quel onglet a été cliqué, il
    // vous suffira de vérifier le tabId envoyé lors
    // du clic et d'exécuter votre code en
    // conséquence.
    Toast.makeText(Main.this, "L'onglet avec l'identifiant : "
    X + tabId + " a été cliqué", Toast.LENGTH_SHORT).show();
    }
    }
    );
    }
    }
    0