底部导航栏中的项目超过 3 个 android
More than 3 items in bottom navigation bar android
我是 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
我卡住了,请帮忙..
我不确定,但据我所知,在不扭曲对齐的情况下,使用底栏不可能包含超过 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"/>
然后像这样的其他图像视图。
您可以使用以下方法来获取不聚集的菜单项。您必须在传递 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);
}
}
<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);
}
}
}
我是 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
我卡住了,请帮忙..
我不确定,但据我所知,在不扭曲对齐的情况下,使用底栏不可能包含超过 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"/>
然后像这样的其他图像视图。
您可以使用以下方法来获取不聚集的菜单项。您必须在传递 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);
}
}
<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);
}
}
}