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
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,
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,
A voir également:
- Application Android
- Application mobile - Guide
- Comment supprimer une application préinstallée sur android - Guide
- Android recovery - Guide
- Begone android - Accueil - Protection
- Emulateur pokemon android - Guide
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
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
je pense que ce petit tutorial répond à la demande :
https://developer.android.com/guide/topics/ui/declaring-layout#CommonLayouts
avec notamment TabHost
Salutations
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
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();
}
}
);
}
}
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();
}
}
);
}
}