【问题标题】:More than 3 items in bottom navigation bar android底部导航栏android中超过3个项目
【发布时间】:2017-02-15 00:04:28
【问题描述】:

我是 android 新手,我正在尝试在底部导航栏中制作一个包含 3 个以上元素的应用。我可以显示它们,但它们最后会聚集在一起,只有三个可以正常显示。这是我的代码:

<android.support.design.widget.BottomNavigationView
    android:id="@+id/bottomNavigation"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:elevation="15dp"
    android:layout_gravity="bottom"
    android:layout_alignParentBottom="true"
    app:menu="@menu/bottom_nav_items" />

这是视图的图像: This is the snapshot

我卡住了,请帮忙..

【问题讨论】:

  • 所选择的项目总是有更大的空间(假设它必须显示标题)。当您选择另一个元素时,它会扩展吗?

标签: android android-layout bottomnavigationview


【解决方案1】:

您可以使用以下方法不获取集群菜单项。您必须在传递 BottomNavigationView 的 onCreate 方法中调用此方法。

// Method for disabling ShiftMode of BottomNavigationView
private 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);
            item.setShiftingMode(false);
            // set once again checked value, so view will be updated
            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);
    }
}

【讨论】:

  • 谢谢。我很高兴我帮助了某人..@a.g.thamays
【解决方案2】:

我不确定,但据我所知,在不扭曲对齐的情况下,使用底部栏不可能伴随超过 3 个项目。 无论如何,您可以做一个水平方向的线性布局,并将这些图标设置为图像视图,然后将它们的权重设为 1。

这里是代码,

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:gravity="center"
    android:layout_alignParentBottom="true"
    android:background="#fff">

        <ImageView
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:src="(YOUR IMAGE SOURCE)"
            android:layout_centerVertical="true"
            android:layout_centerHorizontal="true"
            android:layout_weight="1"/>

然后是这样的其他图像视图。

【讨论】:

    【解决方案3】:
         <android.support.design.widget.BottomNavigationView
                android:id="@+id/navigation"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom"
                android:background="?android:attr/windowBackground"
                app:menu="@menu/navigation" />
    
    
    navigation.xml(inside menu)
    <?xml version="1.0" encoding="utf-8"?>
    <menu xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto">
    
        <item
            android:id="@+id/navigation_home"
            android:icon="@drawable/ic_home_black_24dp"
            android:title="@string/title_home"
            app:showAsAction="always|withText"
            android:enabled="true"/>
    
        inside oncreate method
         BottomNavigationView navigation = (BottomNavigationView)findViewById(R.id.navigation);
          BottomNavigationViewHelper.disableShiftMode(navigation);//Dont forgot this line
    
    
    
    
        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);
                }
            }
        }
    

    【讨论】:

    • 完美,它对我有用,但我必须把 @SuppressLint("RestrictedApi") 这个注释放在一个助手类中。这是一个好习惯吗?
    猜你喜欢
    • 2020-04-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-04
    • 1970-01-01
    相关资源
    最近更新 更多