Application Android

Fermé
Aldagon72 Messages postés 10 Date d'inscription jeudi 2 février 2012 Statut Membre Dernière intervention 13 mai 2013 - 2 févr. 2012 à 11:13
rahamonti Messages postés 20 Date d'inscription dimanche 23 octobre 2011 Statut Membre Dernière intervention 1 mars 2012 - 3 févr. 2012 à 13:53
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

boly38 Messages postés 267 Date d'inscription mercredi 23 février 2011 Statut Membre Dernière intervention 29 septembre 2016 80
2 févr. 2012 à 21:28
Bonsoir,
je pense que ce petit tutorial répond à la demande :
https://developer.android.com/guide/topics/ui/declaring-layout#CommonLayouts
avec notamment TabHost

Salutations
0
rahamonti Messages postés 20 Date d'inscription dimanche 23 octobre 2011 Statut Membre Dernière intervention 1 mars 2012
3 févr. 2012 à 13:53
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