BottomNavigationView zeigt jederzeit sowohl Symbole als auch Textbeschriftungen an

Ich verwende android.support.design.widget.BottomNavigationView aus der Design Support Library 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"/>

Wenn in @ menu / bottom_navigation_main nur drei Aktionen vorhanden sind, werden jederzeit sowohl Symbole als auch Textbeschriftungen angezeigt.

Wie können jederzeit Symbole und Textbeschriftungen angezeigt werden, wenn mehr als drei Aktionen ausgeführt werden?

Für alle, die noch nach einer Lösung suchen und sich nicht auf Bibliotheken von Drittanbietern oder Laufzeitreflexionen verlassen möchten, unterstützt BottomNavigationView in Support Library 28 / Jetpack von Haus aus immer die Verwendung von Textbezeichnungen.

Dies ist die Methode, nach der Sie suchen.

Oder in XML, app:labelVisibilityMode="labeled"

UPDATE AB 8. Mai 2018

Sie können app:labelVisibilityMode="labeled" direkt in verwenden<android.support.design.widget.BottomNavigationView />

Quelle: https://developer.android.com/reference/com/google/android/material/bottomnavigation/LabelVisibilityMode

Benötigen Sie diese unten lange Lösung nicht.

VORHERIGE ANTWORT

Ich hatte ein seltsames Verhalten mit BottomNavigationView. Wenn ich ein Element / Fragment darin ausgewählt habe, drückt das Fragment BottomNavigationView etwas nach unten, sodass der Text von BottomNavigationView unter dem Bildschirm angezeigt wird, sodass nur Symbole sichtbar sind und der Text beim Klicken auf ein Element ausgeblendet wird.

Wenn Sie mit diesem seltsamen Verhalten konfrontiert sind, dann ist hier die Lösung. Einfach entfernen

android:fitsSystemWindows="true"

in Ihrem Root-Layout des Fragments. Einfach entfernen und boomen! BottomNavigationView funktioniert einwandfrei, jetzt kann es mit Text und Symbol angezeigt werden. Ich hatte dies in meinem Root CoordinatorLayout des Fragments.

Vergessen Sie auch nicht hinzuzufügen

BottomNavigationViewHelper.removeShiftMode(bottomNavigationView);

in Ihrer Aktivität, um den Schaltmodus zu deaktivieren.

Hier ist diese Klasse:

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");
        }
    }
}

In Version 25 ist es schwierig.

Versuchen Sie diesen Code. Aber ich denke, es ist keine gute Lösung.

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);
}

Hier ist eine Kotlin-Erweiterungsfunktion, die die Lösung von @STAR_ZERO und @ KishanSolanki124 kombiniert.

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)
        }
    }
}

Um es zu benutzen:

myBottomNavigation.disableShiftMode()

Wollen Sie dies erreichen?

Wenn ja, empfahl ich Ihnen zu versuchen BottomNavigationViewEx .

Sie können dies verwenden, um sowohl Text als auch Symbole in BottomNevigationView anzuzeigen

app:labelVisibilityMode="labeled"

Wenn Sie dies verwenden, können Sie sowohl das Symbol als auch den Text anzeigen

<android.support.design.widget.BottomNavigationView
    app:labelVisibilityMode="labeled"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/bottom_navigation_view"
    android:layout_alignParentBottom="true"
    app:menu="@menu/bottom_navigation_menu"/>

Sie können die App: labelVisibilityMode = "label" direkt in verwenden

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_navigation"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        app:labelVisibilityMode="labeled"
        android:elevation="8dp"
        android:layout_alignParentBottom="true"
        app:itemBackground="@drawable/bottom_navi"
        app:itemTextColor="@color/white"
        app:itemIconTint="@color/white"
        app:menu="@menu/bottom_nav_menu_managment" />

In der BottomNavigationView-Klasse gibt es ein BottomNavigationMenuView-Feld und in BottomNavigationMenuView ein BottomNavigationItemView [] -Feld. Dies sind die Elemente in der unteren Leiste.

Angenommen, n ist die Anzahl der Elemente. BottomNavigationMenuView ruft BottomNavigationItemView.setShiftingMode (n> 3) für jedes Mitglied des BottomNavigationItemView [] -Arrays auf. Diese Funktion entscheidet über das Verhalten (Titel immer oder nur bei Auswahl anzeigen).

Um die Titel immer anzuzeigen, müssen Sie versuchen, diese Methode aufzurufen, und Sie können Reflection verwenden, um auf die privaten Felder zuzugreifen.

    BottomNavigationView bottomNavigationView= (BottomNavigationView) findViewById(R.id.bottom_navigation);


//  get the private BottomNavigationMenuView field 
        Field f = null;
        try {
            f = bottomNavigationView.getClass().getDeclaredField("mMenuView");
        } catch (NoSuchFieldException e) {
            e.printStackTrace();
        }
        f.setAccessible(true);
        BottomNavigationMenuView menuView=null;
        try {
             menuView = (BottomNavigationMenuView) f.get(bottomNavigationView); 
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        }

//  get the private BottomNavigationItemView[]  field 
        try {
            f=menuView.getClass().getDeclaredField("mButtons");
        } catch (NoSuchFieldException e) {
            e.printStackTrace();
        }
        f.setAccessible(true);
        BottomNavigationItemView[] mButtons=null;
        try {
            mButtons = (BottomNavigationItemView[]) f.get(menuView); 
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        }


        for(int i=0;i<mButtons.length;i++){
            mButtons[i].setShiftingMode(false);
            mButtons[i].setChecked(true);
        }

Um die Titel vollständig anzuzeigen. Versuchen Sie diesen Kotlin-Code:

@SuppressLint("RestrictedApi")
override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_ofree)

    navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener)

    val menuView = navigation.getChildAt(0) as BottomNavigationMenuView
    for (i in 0 until menuView.childCount) {
        val itemView = menuView.getChildAt(i) as BottomNavigationItemView
        itemView.setShiftingMode(false)
        itemView.setChecked(false)
    }
}

Alternative zu BottomNavigationViewEx : BottomBar