Le BottomNavigationView affiche à la fois les icônes et les étiquettes de texte à tout moment.

Question

J'utilise Android.support.design.widget.BottomNavigationView de la bibliothèque de support de conception version 25.

compile 'com.android.support:design:25.0.0'

<android.support.design.widget.BottomNavigationView
        android:id="@+id/bottomBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_gravity="center"
        app:itemBackground="@color/colorPrimary"
        app:menu="@menu/bottom_navigation_main"
        android:forceHasOverlappingRendering="true"/>

Lorsqu'il n'y a que trois actions dans @menu/bottom_navigation_main, il affiche à la fois les icônes et les étiquettes de texte à tout moment.

Quelle est la façon d'afficher à la fois les icônes et les étiquettes de texte à tout moment lorsqu'il y a plus de trois actions ?

Answer 1

Pour tous ceux qui cherchent encore une solution et qui ne veulent pas dépendre de bibliothèques tierces ou de la réflexion du temps d'exécution, le BottomNavigationView de la bibliothèque de support 28/Jetpack prend en charge de manière native le fait de toujours avoir une étiquette de texte.

Ce site est la méthode que vous recherchez.

Ou en XML, app:labelVisibilityMode="labeled"

Answer 2

MISE À JOUR du 8 mai 2018

Vous pouvez utiliser app:labelVisibilityMode="labeled" directement dans <android.support.design.widget.BottomNavigationView />

Source : https://developer.Android.com/reference/com/google/Android/material/bottomnavigation/LabelVisibilityMode

Pas besoin de cette longue solution ci-dessous.

RÉPONSE PRÉCÉDENTE

J'ai eu un comportement bizarre avec le BottomNavigationView. Lorsque je sélectionnais un élément/fragment, le fragment poussait la BottomNavigationView un peu plus bas, de sorte que le texte de la BottomNavigationView descendait en dessous de l'écran, de sorte que seules les icônes étaient visibles et que le texte était masqué lorsque je cliquais sur un élément.

Si vous êtes confronté à ce comportement étrange, voici la solution. Il suffit de supprimer

android:fitsSystemWindows="true"

dans votre disposition racine du fragment. Il suffit de le supprimer et boum ! BottomNavigationView fonctionnera bien, maintenant il peut être montré avec du texte et une icône. J'avais ceci dans mon Root CoordinatorLayout du fragment.

N'oubliez pas non plus d'ajouter

BottomNavigationViewHelper.removeShiftMode(bottomNavigationView);

dans votre activité pour désactiver le mode décalage.

Voici cette classe :

public class BottomNavigationViewHelper {

    @SuppressLint("RestrictedApi")
    public static void removeShiftMode(BottomNavigationView view) {
        //this will remove shift mode for bottom navigation view
        BottomNavigationMenuView menuView = (BottomNavigationMenuView) view.getChildAt(0);
        try {
            Field shiftingMode = menuView.getClass().getDeclaredField("mShiftingMode");
            shiftingMode.setAccessible(true);
            shiftingMode.setBoolean(menuView, false);
            shiftingMode.setAccessible(false);
            for (int i = 0; i < menuView.getChildCount(); i++) {
                BottomNavigationItemView item = (BottomNavigationItemView) menuView.getChildAt(i);
                item.setShiftingMode(false);
                // set once again checked value, so view will be updated
                item.setChecked(item.getItemData().isChecked());
            }

        } catch (NoSuchFieldException e) {
            Log.e("ERROR NO SUCH FIELD", "Unable to get shift mode field");
        } catch (IllegalAccessException e) {
            Log.e("ERROR ILLEGAL ALG", "Unable to change value of shift mode");
        }
    }
}

Answer 3

C'est difficile dans la version 25.

Essayez ce code. Mais je pense que ce n'est pas une bonne solution.

BottomNavigationView navigationView = (BottomNavigationView) findViewById(R.id.bottomBar);
BottomNavigationMenuView menuView = (BottomNavigationMenuView) navigationView.getChildAt(0);
for (int i = 0; i < menuView.getChildCount(); i++) {
    BottomNavigationItemView itemView = (BottomNavigationItemView) menuView.getChildAt(i);
    itemView.setShiftingMode(false);
    itemView.setChecked(false);
}

Answer 4

Voici une fonction d'extension Kotlin qui combine la solution de @STAR_ZERO et celle de @KishanSolanki124.

fun BottomNavigationView.disableShiftMode() {
    val menuView = getChildAt(0) as BottomNavigationMenuView

    menuView.javaClass.getDeclaredField("mShiftingMode").apply {
        isAccessible = true
        setBoolean(menuView, false)
        isAccessible = false
    }

    @SuppressLint("RestrictedApi")
    for (i in 0 until menuView.childCount) {
        (menuView.getChildAt(i) as BottomNavigationItemView).apply {
            setShiftingMode(false)
            setChecked(false)
        }
    }
}

Pour l'utiliser :

myBottomNavigation.disableShiftMode()

Answer 5

Voulez-vous cet effet ?

Si c'est le cas, je vous recommande d'essayer BottomNavigationViewEx 。