Android: onglets en bas

J'ai vu des discussions à ce sujet, mais rien de précis. Existe-t-il un moyen de placer les onglets dans un TabWidget en bas de l'écran? Si c'est le cas, comment?

J'ai essayé ce qui suit, mais je n'ai pas fonctionné:

a) réglage du tabwidget sous le framelayout
b) réglage de la gravité du tabwidget sur "bottom"

Merci! llappall

Voici la solution la plus simple, la plus robuste et la plus évolutive pour obtenir des onglets en bas de l'écran.

1. Dans votre LinearLayout vertical, placez le FrameLayout au-dessus du TabWidget
2. Mettre layout_heightà la wrap_contentfois sur FrameLayout et TabWidget
3. Définir FrameLayout android:layout_weight="1"
4. Définissez TabWidget android:layout_weight="0"(0 est la valeur par défaut, mais pour l'accentuation, la lisibilité, etc.)
5. Définir TabWidget android:layout_marginBottom="-4dp"(pour supprimer le séparateur inférieur)

Code complet:

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:padding="5dp">

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:padding="5dp"
            android:layout_weight="1"/>

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:layout_marginBottom="-4dp"/>

    </LinearLayout>

</TabHost>

Essayez-le;) Il suffit de regarder le contenu du FrameLayout (@ id / tabcontent), car je ne sais pas comment il gérera en cas de défilement ... Dans mon cas, cela fonctionne car j'ai utilisé ListView comme contenu de mes onglets . :) J'espère que ça aide.

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <RelativeLayout 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent">
        <FrameLayout android:id="@android:id/tabcontent"
             android:layout_width="fill_parent" 
             android:layout_height="fill_parent"
             android:layout_alignParentTop="true" 
             android:layout_above="@android:id/tabs" />
    <TabWidget android:id="@android:id/tabs"
             android:layout_width="fill_parent" 
             android:layout_height="wrap_content"
             android:layout_alignParentBottom="true" />
    </RelativeLayout>
</TabHost>

Il existe un moyen de supprimer la ligne.

1) Suivez ce tutoriel: android-tabs-with-fragments

2) Ensuite, appliquez le changement RelativeLayout suggéré ci-dessus par Leaudro (appliquez les accessoires de mise en page à tous les FrameLayouts).

Vous pouvez également ajouter un ImageView au tab.xml dans l'élément n ° 1 et obtenir un look très iPhone aux onglets.

Voici une capture d'écran de ce sur quoi je travaille actuellement. J'ai encore du travail à faire, principalement faire un sélecteur pour les icônes et assurer une répartition horizontale égale, mais vous voyez l'idée. Dans mon cas, j'utilise des fragments, mais les mêmes principes devraient s'appliquer à un onglet standard.

Je ne sais pas si cela fonctionnera pour toutes les versions d'Android (en particulier celles avec des éléments d'interface utilisateur personnalisés), mais j'ai pu supprimer la barre grise en bas en ajoutant

 android:layout_marginBottom="-3dp"

au XML TabWidget ...

Pour tous ceux d'entre vous qui essaient de supprimer la ligne de séparation du tabWidget, voici un exemple de projet (et son tutoriel respectif), qui fonctionne très bien pour personnaliser les onglets et ainsi supprimer les problèmes lorsque les onglets sont en bas. Projet Eclipse: onglets personnalisés android ; Explication originale: blog ; J'espère que cela a aidé.

Il existe deux façons d'afficher les onglets au bas d'une activité d'onglet.

1. Utilisation de la disposition relative
2. Utilisation de l'attribut Layout_weight

Veuillez consulter le lien pour plus de détails .

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="0dip"
            android:layout_weight="1" />

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:background="#252a31"
            android:tabStripEnabled="false" >
        </TabWidget>
    </LinearLayout>

</TabHost>

Ce n'est peut-être pas exactement ce que vous recherchez (ce n'est pas une solution "facile" d'envoyer vos onglets en bas de l'écran) mais c'est néanmoins une solution alternative intéressante que je voudrais vous signaler:

ScrollableTabHost est conçu pour se comporter comme TabHost, mais avec une vue de défilement supplémentaire pour s'adapter à plus d'éléments ...

peut-être qu'en creusant dans ce projet open source, vous trouverez une réponse à votre question. Si je vois quelque chose de plus facile, je reviendrai vers vous.

J'avais le même problème avec les onglets Android en essayant de les placer en bas de l'écran. Mon scénario était de ne pas utiliser de fichier de mise en page et de créer les onglets dans le code, je cherchais également à déclencher des activités de chaque onglet qui semblaient un peu trop complexes en utilisant d'autres approches, voici l'exemple de code pour surmonter le problème:

ajouter des onglets dans Android et les placer

Oui, voir: link , mais il a utilisé des mises en page xml, pas des activités pour créer un nouvel onglet, alors mettez son code xml (set paddingTop pour FrameLayout - 0px), puis écrivez le code:

public class SomeActivity extends ActivityGroup {

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
  setContentView(R.layout.main);

    TabHost tab_host = (TabHost) findViewById(R.id.edit_item_tab_host); 

    tab_host.setup(this.getLocalActivityManager());

    TabSpec ts1 = tab_host.newTabSpec("TAB_DATE"); 
    ts1.setIndicator("tab1"); 
    ts1.setContent(new Intent(this, Registration.class)); 
    tab_host.addTab(ts1); 

    TabSpec ts2 = tab_host.newTabSpec("TAB_GEO"); 
    ts2.setIndicator("tab2"); 
    ts2.setContent(new Intent(this, Login.class)); 
    tab_host.addTab(ts2); 

    TabSpec ts3 = tab_host.newTabSpec("TAB_TEXT"); 
    ts3.setIndicator("tab3"); 
    ts3.setContent(new Intent(this, Registration.class)); 
    tab_host.addTab(ts3); 

    tab_host.setCurrentTab(0);      


}

}

Je recommande d'utiliser ce code pour un travail stable, il est optimisé pour les fragments imbriqués dans tab (par exemple MapFragment imbriqué) et testé sur "ne pas garder les activités": https://stackoverflow.com/a/23150258/2765497