Application Android

Aldagon72 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   -  
rahamonti Messages postés 20 Date d'inscription   Statut Membre Dernière intervention   -
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

Réponse 1 / 2
boly38 Messages postés 267 Date d'inscription   Statut Membre Dernière intervention   80
 
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
Réponse 2 / 2
rahamonti Messages postés 20 Date d'inscription   Statut Membre Dernière intervention  
 
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