BottomNavestionView hiển thị cả biểu tượng và nhãn văn bản mọi lúc

Tôi đang sử dụng android.support.design.widget.BottomNavlationView từ thư viện hỗ trợ thiết kế phiên bản 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"/>

Khi chỉ có ba hành động trong @ menu / bottom_navlation_main, nó sẽ hiển thị cả biểu tượng và nhãn văn bản mọi lúc.

Cách để hiển thị cả biểu tượng và nhãn văn bản mọi lúc khi có nhiều hơn ba hành động.

Đối với bất kỳ ai vẫn đang tìm kiếm giải pháp và không muốn dựa vào thư viện của bên thứ ba hoặc phản ánh thời gian chạy, bottomNavulationView trong Thư viện hỗ trợ 28 / Jetpack hỗ trợ luôn luôn có nhãn văn bản.

Đây là phương pháp bạn đang tìm kiếm.

Hoặc trong XML, app:labelVisibilityMode="labeled"

CẬP NHẬT TỪ NGÀY 8 THÁNG 5 NĂM 2018

Bạn có thể sử dụng app:labelVisibilityMode="labeled" trực tiếp trong<android.support.design.widget.BottomNavigationView />

Nguồn: https://developer.android.com/reference/com/google/android/m vật liệu / bottomnavlation/LabelVisibilityMode

Đừng cần giải pháp dài dưới đây.

TRẢ LỜI TRƯỚC

Tôi đã có một số hành vi kỳ lạ với bottomNavlationView. Khi tôi đang chọn bất kỳ mục / đoạn nào trong đó, đoạn đó sẽ đẩy bottomNavestionView xuống thấp hơn một chút, do đó văn bản của bottomNavlationView nằm bên dưới màn hình, do đó chỉ có các biểu tượng được hiển thị và văn bản bị ẩn khi nhấp vào bất kỳ mục nào.

Nếu bạn đang phải đối mặt với hành vi kỳ lạ đó thì đây là giải pháp. Chỉ cần loại bỏ

android:fitsSystemWindows="true"

trong bố trí gốc của bạn của mảnh. Chỉ cần loại bỏ điều này và bùng nổ! BottomNavestionView sẽ hoạt động tốt, bây giờ nó có thể được hiển thị với văn bản và biểu tượng. Tôi đã có điều này trong Điều phối viên gốc của tôi.

Cũng đừng quên thêm

BottomNavigationViewHelper.removeShiftMode(bottomNavigationView);

trong hoạt động của bạn để vô hiệu hóa chế độ thay đổi.

Đây là lớp học:

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

Đó là khó khăn trong phiên bản 25.

Hãy thử mã này. Nhưng tôi nghĩ đó không phải là giải pháp tốt.

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

Đây là chức năng mở rộng của Kotlin kết hợp giải pháp của @STAR_ZERO và @ 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)
        }
    }
}

Để dùng nó:

myBottomNavigation.disableShiftMode()

Bạn có muốn hiệu ứng này?

Nếu vậy, tôi đề nghị bạn thử BottomNavigationViewEx .

Bạn có thể sử dụng điều này để hiển thị cả văn bản và biểu tượng trên bottomNevlationView

app:labelVisibilityMode="labeled"

Nếu bạn đang sử dụng, bạn sẽ có thể xem cả biểu tượng và văn bản

<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"/>

Bạn có thể sử dụng ứng dụng: nhãnVisibilityMode = "được gắn nhãn" trực tiếp trong

<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" />

trong lớp bottomNavlationView có trường bottomNavlationMothyView và trong bottomNavlationMothyView có trường bottomNavlationItemView [], là các mục trong thanh dưới cùng.

Giả sử n là số lượng vật phẩm, bottomNavlationMothyView sẽ gọi bottomNavlationItemView.setShiftingMode (n> 3) trên mỗi thành viên của mảng bottomNavlationItemView []. Hàm này quyết định hành vi (hiển thị tiêu đề luôn hoặc chỉ khi lựa chọn).

Vì vậy, cách để luôn hiển thị các tiêu đề là cố gắng gọi phương thức này và bạn có thể sử dụng sự phản chiếu để truy cập vào các trường riêng.

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

Để hiển thị các tiêu đề tất cả các cách. Hãy thử mã Kotlin này:

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

Thay thế cho bottomNavlationViewEx : bottomBar