Tab Android première version - Partie 2 (JAVA)
Tab android 21/11/2011 2

Tab Android première version - Partie 2 (JAVA)

Dans cette deuxième partie du tuto, nous allons finir de mettre en place en JAVA le système d'onglet en utilisant une TabActivity et en modifiant le manifest.

Dans cette deuxième partie du tuto, nous allons finir de mettre en place en JAVA le système d'onglet en utilisant une TabActivity et en modifiant le manifest.

Avant de commencer ce tuto je vous conseille de réaliser tout d’abord la première partie concernant l’XML : Tab Android première version - Partie 1 (XML)

 

Partie 2 : JAVA

On ouvre le fichier : « /src/com.androiddev.tab/TabAndroidActivity.java »

 

Import

On place tout les imports nécessaires :

?
1
2
3
4
5
import android.app.TabActivity;
import android.content.Intent;
import android.content.res.Resources;
import android.os.Bundle;
import android.widget.TabHost;

 

Ensuite on doit avoir cette classe et cette fonction :

?
1
2
3
4
5
6
public class TabAndroidActivity extends TabActivity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

 

Préparation Onglets

A la suite dans la fonction onCreate() :

?
1
2
3
4
5
Resources res = getResources();
TabHost tabHost = getTabHost();
TabHost.TabSpec spec;
Intent intent;
intent = new Intent().setClass(this, Tab1.class);
  • Tout d'abord on récupère les ressources qui seront utilisés plus tard :

Resources res = getResources();

  • On prépare les éléments nécessaires pour chaque onglet :

TabHost tabHost = getTabHost();
TabHost.TabSpec spec;
Intent intent;

 

Premier Onglet

Maintenant la partie où l'on lie nos onglets à la principale activity :

?
1
2
3
intent = new Intent().setClass(this, Tab1.class);
spec = tabHost.newTabSpec("Widget").setIndicator("DateTime", res.getDrawable(android.R.drawable.ic_menu_today)).setContent(intent);
tabHost.addTab(spec);

  • On récupère la classe du premier onglet (que l'on créera par la suite) :

intent = new Intent().setClass(this, Tab1.class);

  • On "configure" notre onglet (l'identifiant : "Widget", le titre : "Date Time", l'icone:  "android.R.drawable.ic_menu_today" )  :

spec = tabHost.newTabSpec("Widget").setIndicator("DateTime", res.getDrawable(android.R.drawable.ic_menu_today)).setContent(intent);

  • On ajoute l'onglet :

tabHost.addTab(spec);

 

Autres Onglets

Même système, à part que l'on modifie la classe et la "configuration" des onglets :

?
1
2
3
4
5
6
7
intent = new Intent().setClass(this, Tab2.class);
spec = tabHost.newTabSpec("Form").setIndicator("Form", res.getDrawable(android.R.drawable.ic_menu_manage)).setContent(intent);
tabHost.addTab(spec);
 
intent = new Intent().setClass(this, Tab3.class);
spec = tabHost.newTabSpec("onglet3").setIndicator("onglet3", res.getDrawable(android.R.drawable.ic_menu_mapmode)).setContent(intent);
tabHost.addTab(spec);

 

Onglet par défaut

On choisit l'onglet par défaut comme ceci :

?
1
tabHost.setCurrentTab(0);

Ici on pouvait mettre soit 0, 1 ou 2.

 

Les classes

Dans /src/com.androiddev.tab on créé 3 fichiers java : Tab1.java, Tab2.java et Tab3.java

Tous les trois possèderons pratiquement le même contenu.

Tab1.java :

?
1
2
3
4
5
6
7
8
9
10
11
12
13
package com.androiddev.tab;
 
import android.app.Activity;
import android.os.Bundle;
 
public class Tab1 extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.onglet1);
    }
}

Explication :

  • C'est simple, dans la méthode "setContentView()" on met en paramètre le fichier XML créé dans la première partie :

setContentView(R.layout.onglet1);

Seulement cette ligne est modifié pour les deux autres fichiers :

 

Tab2.java :

?
1
2
3
4
5
6
7
8
9
10
11
12
13
package com.androiddev.tab;
 
import android.app.Activity;
import android.os.Bundle;
 
public class Tab2 extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.onglet2);
    }
}

 

Tab3.java :

?
1
2
3
4
5
6
7
8
9
10
11
12
13
package com.androiddev.tab;
 
import android.app.Activity;
import android.os.Bundle;
 
public class Tab3 extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.onglet3);
    }
}

 

Voici le récapitulatif de TabAndroidActivity.java :

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
package com.androiddev.tab;
 
import android.app.TabActivity;
import android.content.Intent;
import android.content.res.Resources;
import android.os.Bundle;
import android.widget.TabHost;
 
public class TabAndroidActivity extends TabActivity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
 
        Resources res = getResources();
        TabHost tabHost = getTabHost();
        TabHost.TabSpec spec;
        Intent intent;
 
        intent = new Intent().setClass(this, Tab1.class);
 
        spec = tabHost
                .newTabSpec("Widget")
                .setIndicator("DateTime",
                        res.getDrawable(android.R.drawable.ic_menu_today))
                .setContent(intent);
        tabHost.addTab(spec);
 
        intent = new Intent().setClass(this, Tab2.class);
        spec = tabHost
                .newTabSpec("Form")
                .setIndicator("Form",
                        res.getDrawable(android.R.drawable.ic_menu_manage))
                .setContent(intent);
        tabHost.addTab(spec);
 
        intent = new Intent().setClass(this, Tab3.class);
        spec = tabHost
                .newTabSpec("onglet3")
                .setIndicator("onglet3", res.getDrawable(android.R.drawable.ic_menu_mapmode))
                .setContent(intent);
        tabHost.addTab(spec);
 
        tabHost.setCurrentTab(0);
 
    }
}

 

Avec toutes ses classes, notre système à onglet est fonctionnel mais il manque une chose important, on doit modifier le manifest.

 

 

Manifest

Il se trouve dans /res/AndroidManifest.xml :

Il faut faire dans l'ordre indiqué sur l'image ci-dessus :

  1. Sur "Add" pour ajouter un Application Nodes
  2. Choisir "Create a new element at the top level, un application"
  3. Choisir "Activity"
  4. Choisir "OK"

 

Puis  :

L'ordre des étapes est numéreauté :

  1. On choisit "Browse"
  2. Puis la classe à ajouter
  3. Puis "OK"

Ne pas oublier de sauvegarder ensuite !!

 

Refaire ces manipulation pour toutes les classes nécessaires :

 

Maintenant le tuto est vraiment terminé.

Ceci pourrait vous intéresser
Commentaires
Outils
à la une
Premier lancement de Android Studio et configuration du SDK Manager

Premier lancement de Android Studio et configuration du SDK Manager

Pendant cette partie du projet, on va lancer et configurer Android Studio pour pouvoir par la créer des projets. On présentera aussi le SDK Manager, toutes ces rubriques et ce qu'il est possible de faire.

23/09/2014
0
Top des 7 derniers jours
Mise à jour
  • Plex : une plateforme multimédia complète

    Plex : une plateforme multimédia complète

    Plex a énormément évolué ses dernières années, passant d’un simple concurrent du media center comme Kodi/XBMC ou encore Emby à une plateforme multimédia complète pouvant fournir des séries, musiques, films et jeux vidéos en plus des contenus locaux.

    15/02/2021
    0
  • Comment fonctionne la géolocalisation téléphone ?

    Comment fonctionne la géolocalisation téléphone ?

    Qu’est-ce que la géolocalisation mobile ? Comment se servir des applications de géolocalisation ? Découvrez tout sur ce système de localisation dans cet article.

    11/07/2018
    0
  • Application espion Android

    Application espion Android

    Vous cherchez à espionner le téléphone Android de votre enfant, de votre conjoint ou de vos employés ? Ne faites plus de place aux doutes en choisissant une application d’espionnage mobile.

    11/07/2018
    0