148

BottomNavigationView は、非アクティブなメニューのタイトルを表示しません。

bottomNavigationBar のすべてのメニュー要素のタイトルを表示するには? 問題は、私の場合、クリックされた要素のタイトルのみが表示されることです。

ここに画像の説明を入力

4

21 に答える 21

334

has 条件の実装BottomNavigationView: アイテムが 3 つ以上ある場合は、シフト モードを使用します。

現時点では、既存の API を使用して変更することはできません。シフト モードを無効にする唯一の方法は、リフレクションを使用することです。

ヘルパー クラスが必要です。

import android.support.design.internal.BottomNavigationItemView;
import android.support.design.internal.BottomNavigationMenuView;
import android.support.design.widget.BottomNavigationView;
import android.util.Log;
import java.lang.reflect.Field;

public class BottomNavigationViewHelper {
    public static void disableShiftMode(BottomNavigationView 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);
                //noinspection RestrictedApi
                item.setShiftingMode(false);
                // set once again checked value, so view will be updated
                //noinspection RestrictedApi
                item.setChecked(item.getItemData().isChecked());
            }
        } catch (NoSuchFieldException e) {
            Log.e("BNVHelper", "Unable to get shift mode field", e);
        } catch (IllegalAccessException e) {
            Log.e("BNVHelper", "Unable to change value of shift mode", e);
        }
    }
}

次にdisableShiftModeメソッドを に適用しますBottomNavigationViewが、コードからメニュービューを膨張させる場合は、膨張後に実行する必要があることに注意してください。

使用例:

BottomNavigationView bottomNavigationView = (BottomNavigationView) findViewById(R.id.bottom_navigation_bar);
BottomNavigationViewHelper.disableShiftMode(bottomNavigationView);

PS。

のメニュー項目を変更するたびに、このメソッドを実行する必要があることに注意してくださいBottomNavigationView。

アップデート

また、proguard 構成ファイル (proguard-rules.pro など) を更新する必要があります。上記のコードはリフレクションを使用しており、proguard がmShiftingModeフィールドを難読化すると機能しません。

-keepclassmembers class android.support.design.internal.BottomNavigationMenuView { 
    boolean mShiftingMode; 
}

この問題を指摘し、スニペットを提供してくれた Muhammad Alfaifi に感謝します。

更新 2

Jolanda Verhoef が指摘したように、新しいサポート ライブラリ ( 28.0.0-alpha1) と新しいマテリアル コンポーネント ライブラリ( 1.0.0-beta01) は、3 つのメニュー項目でシフト モードを操作するために使用できるパブリック プロパティを提供します。 

<com.google.android.material.bottomnavigation.BottomNavigationView
    ...
    app:labelVisibilityMode="labeled"
    ... 
/>

Material Components ライブラリでは、メニュー項目が 5 つある場合にも適用されます。

更新 3

@ThomasSunderland も指摘したように、 postfixapp:itemHorizontalTranslation="false"なしでこのプロパティを false に設定して、Enabledアニメーションのシフトを無効にすることができます。

ここで、BottomNavigation のスタイリングに関する完全なガイドを確認できます。

于 2016-10-22T08:29:02.253 に答える
53

Since support library 28.0.0-alpha1:

<android.support.design.widget.BottomNavigationView
    app:labelVisibilityMode="labeled" />
于 2018-07-03T05:05:45.287 に答える
30

テキスト アニメーションを無効にするには、dimens.xml ファイルでこれを使用することもできます。

<dimen name="design_bottom_navigation_active_text_size">12sp</dimen>

これをマニフェストに追加する必要がある場合もあります。

tools:override="true"
于 2017-03-03T17:04:46.603 に答える
12

テキスト アニメーションを無効にしてフォント サイズを小さくするには、dimens.xml ファイルでこれを使用します。

<dimen name="design_bottom_navigation_text_size">10sp</dimen> 
<dimen name="design_bottom_navigation_active_text_size">10sp</dimen>
于 2017-09-10T15:12:53.630 に答える
11

私のために働く

bottomNavigationView.setLabelVisibilityMode(LabelVisibilityMode.LABEL_VISIBILITY_LABELED);

また

<android.support.design.widget.BottomNavigationView
    app:labelVisibilityMode="labeled" />
于 2018-07-11T13:39:36.820 に答える
0

このメソッドの上に追加したいだけです disableShiftMode コードの下にも追加します。@SuppressLint("RestrictedApi")

于 2018-06-14T16:38:16.567 に答える