BottomNavigationView 不显示处于非活动状态的菜单标题。
如何在底部导航栏中显示所有菜单元素的标题？问题是，在我的例子中，只显示了被点击元素的标题。
问问题
82873 次
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"
...
/>
在材料组件库中，如果有 5 个菜单项，它也适用。
更新 3
正如@ThomasSunderland 还指出的那样，您可以将此属性设置为 falseapp:itemHorizontalTranslation="false"而不使用Enabled后缀来禁用移动动画。
您可以在此处查看设置底部导航样式的完整指南
于 2016-10-22T08:29:02.253 回答
53
由于支持库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 回答
23
您现在可以app:labelVisibilityMode="[labeled, unlabeled, selected, auto]"在28-alpha
labeled将保持所有标签可见。unlabeled将仅显示图标。selected将仅显示所选项目和班次项目的标签。auto将根据您拥有的项目数量选择标记或选择。标记为 1-3 个项目并选择 3+ 个项目。
于 2018-05-04T18:06:01.370 回答
17
Przemysław 在 Kotlin 中作为扩展函数的回答
@SuppressLint("RestrictedApi")
fun BottomNavigationView.disableShiftMode() {
val menuView = getChildAt(0) as BottomNavigationMenuView
try {
val shiftingMode = menuView::class.java.getDeclaredField("mShiftingMode")
shiftingMode.isAccessible = true
shiftingMode.setBoolean(menuView, false)
shiftingMode.isAccessible = false
for (i in 0 until menuView.childCount) {
val item = menuView.getChildAt(i) as BottomNavigationItemView
item.setShiftingMode(false)
// set once again checked value, so view will be updated
item.setChecked(item.itemData.isChecked)
}
} catch (e: NoSuchFieldException) {
Log.e(TAG, "Unable to get shift mode field", e)
} catch (e: IllegalStateException) {
Log.e(TAG, "Unable to change value of shift mode", e)
}
}
用法（使用 Kotlin Android 扩展）：
bottom_navigation_view.disableShiftMode()
于 2018-02-27T16:15:03.000 回答
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 回答
6
更新
在 Android sdk 版本 28 及更高版本中，它们已更改item.setShiftingMode(false)为item.setShifting(false)
他们还删除了该字段mShiftingMode
所以用法将是
BottomNavigationHelper.removeShiftMode(bottomNav);
bottomNav.setLabelVisibilityMode(LabelVisibilityMode.LABEL_VISIBILITY_LABELED);
private static final class BottomNavigationHelper {
@SuppressLint("RestrictedApi")
static void removeShiftMode(BottomNavigationView view) {
BottomNavigationMenuView menuView = (BottomNavigationMenuView) view.getChildAt(0);
for (int i = 0; i < menuView.getChildCount(); i++) {
BottomNavigationItemView item = (BottomNavigationItemView) menuView.getChildAt(i);
//noinspection RestrictedApi
item.setShifting(false);
item.setLabelVisibilityMode(LabelVisibilityMode.LABEL_VISIBILITY_LABELED);
// set once again checked value, so view will be updated
//noinspection RestrictedApi
item.setChecked(item.getItemData().isChecked());
}
}
}
于 2018-10-10T08:49:51.507 回答
5
正如其他人指出的那样，由于支持库 28.0.0-alpha1是可能的：
<android.support.design.widget.BottomNavigationView
app:labelVisibilityMode="labeled" />
或者您可以以编程方式设置它。
注意：如果您是从旧版本的支持库升级，请不要忘记提高编译 SDK 版本。在此处检查支持库的版本：支持库版本
但是，如果您的应用程序依赖于旧版本的设计支持库，您可能仍然会在编译时收到labelVisibilityMode not found消息。如果是这种情况，请尝试升级到给定依赖项的版本，该版本至少取决于设计支持库的 28.0.0-alpha1 版本。如果这不可能，请明确定义依赖项。
如果你使用 Gradle
- 您可以通过运行依赖项任务并搜索com.android.support:design的版本号来检查您的依赖关系。
要在build.gradle中显式添加设计支持依赖项：
实施 'com.android.support:design:28.0.0'
于 2018-09-23T11:01:50.997 回答
5
对于使用默认值的更新答案。更新到最新的设计库
实施“com.android.support:design:28.0.0”
并放入您的 BottomNavigationView xml 属性
app:itemHorizontalTranslationEnabled="false"
您也可以以编程方式将其放入
bottomNavigationView.setItemHorizontalTranslationEnabled(false);
您可以在此处找到源代码BottomNavigationView
希望这对您有所帮助。
于 2018-09-28T04:25:54.970 回答
3
BottomNavigationView添加到您的app:labelVisibilityMode="unlabeled"
<android.support.design.widget.BottomNavigationView
app:menu="@menu/bn_menu"
android:layout_height="56dp"
android:layout_width="match_parent"
app:labelVisibilityMode="unlabeled">
</android.support.design.widget.BottomNavigationView>
结果如下
于 2019-01-16T08:07:04.017 回答
3
很简单，在BottomNaviationView中添加一个属性即可
app:labelVisibilityMode="unlabeled"
于 2019-07-21T08:43:15.810 回答
2
我对 BottomNavigationView 有一些奇怪的行为。当我选择其中的任何项目/片段时，片段将 BottomNavigationView 推低一点，因此 BottomNavigationView 的文本位于屏幕下方，因此只有图标可见，并且在单击任何项目时文本会隐藏。
如果您面临这种奇怪的行为，那么这里就是解决方案。只需删除
android:fitsSystemWindows="true"
在您的片段的根布局中。只需删除它并繁荣！BottomNavigationView 可以正常工作，现在可以用文本和图标显示。我在片段的根 CoordinatorLayout 中有这个。
也不要忘记添加
BottomNavigationViewHelper.disableShiftMode(bottomNavigationView);
在您的活动中禁用换档模式。尽管它与所提出的问题并不完全相关，但我仍然觉得这很有帮助。
于 2017-11-21T07:06:48.780 回答
2
这是我使用的第三方库，它有许多自定义选项，例如禁用 shift 模式、仅显示图标、设置图标大小等 。BottomNavigationViewEx
于 2017-11-29T03:54:51.267 回答
2
要完全删除动画：
如果您还想摆脱那个烦人的小顶部边距动画，则需要更多反射代码。这是删除任何动画的完整解决方案：
@SuppressLint("RestrictedApi")
private 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);
item.setShiftingMode(false);
Field shiftAmount = item.getClass().getDeclaredField("mShiftAmount");
shiftAmount.setAccessible(true);
shiftAmount.setInt(item, 0);
shiftAmount.setAccessible(false);
item.setChecked(item.getItemData().isChecked());
}
} catch (NoSuchFieldException e) {
Timber.e(e, "Unable to get fields");
} catch (IllegalAccessException e) {
Timber.e(e, "Unable to change values");
}
}
并确保将其添加到您的 proguard 配置文件中：
-keepclassmembers class android.support.design.internal.BottomNavigationMenuView {
boolean mShiftingMode;
}
-keepclassmembers class android.support.design.internal.BottomNavigationItemView {
int mShiftAmount;
}
于 2018-06-26T22:37:54.123 回答
2
将您的支持库更新到 28.0.0。
bottomNav.setLabelVisibilityMode(LabelVisibilityMode.LABEL_VISIBILITY_LABELED);
于 2018-10-11T07:19:50.843 回答
1
如果您正在使用 support:design:28.0.0 将此行 app:labelVisibilityMode="unlabeled" 添加到您的 BottomNavigationView
于 2018-11-21T06:24:18.897 回答
1
我使用 Android Studio 4.0.1 来开发它。以下是我的结果...
关于 BottomNavigationViewHelper.java 我的代码在这里工作
import com.google.android.material.bottomnavigation.BottomNavigationItemView;
import com.google.android.material.bottomnavigation.BottomNavigationMenuView;
import com.google.android.material.bottomnavigation.BottomNavigationView;
import com.google.android.material.bottomnavigation.LabelVisibilityMode;
import android.annotation.SuppressLint;
import android.util.Log;
import java.lang.reflect.Field;
public class BottomNavigationViewHelper {
@SuppressLint("RestrictedApi")
public static void disableShiftMode(BottomNavigationView view) {
view.setLabelVisibilityMode(LabelVisibilityMode.LABEL_VISIBILITY_LABELED);
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.setShifting(false);
item.setLabelVisibilityMode( LabelVisibilityMode.LABEL_VISIBILITY_LABELED);
// 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);
}
}
}
然后我们可以开始使用 BottomNavigationViewHelper 类这是我的 MainActivity.java 代码。
BottomNavigationView navView = findViewById(R.id.nav_view); BottomNavigationViewHelper.disableShiftMode(navView);
import android.os.Bundle;
import com.google.android.material.bottomnavigation.BottomNavigationView;
import androidx.appcompat.app.AppCompatActivity;
import androidx.navigation.NavController;
import androidx.navigation.Navigation;
import androidx.navigation.ui.AppBarConfiguration;
import androidx.navigation.ui.NavigationUI;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
BottomNavigationView navView = findViewById(R.id.nav_view);
BottomNavigationViewHelper.disableShiftMode(navView);
// Passing each menu ID as a set of Ids because each
// menu should be considered as top level destinations.
AppBarConfiguration appBarConfiguration = new AppBarConfiguration.Builder(
R.id.navigation_settings,
R.id.navigation_connection,
R.id.navigation_status,
R.id.navigation_report,
R.id.navigation_profile
).build();
NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment);
NavigationUI.setupActionBarWithNavController(this, navController, appBarConfiguration);
NavigationUI.setupWithNavController(navView, navController);
getSupportActionBar().hide();
}
}
于 2020-09-24T19:00:48.383 回答
0
只想在此方法上方添加 disableShiftMode 也添加下面的代码。@SuppressLint("RestrictedApi")
于 2018-06-14T16:38:16.567 回答
0
https://android.jlelse.eu/disable-shift-label-animation-from-bottom-navigation-android-b42a25dcbffc
1
<com.google.android.material.bottomnavigation.BottomNavigationView
...
app:itemHorizontalTranslationEnabled="false"/>
2
<com.google.android.material.bottomnavigation.BottomNavigationView
...
app:labelVisibilityMode="labeled"/>
3
<resources xmlns:tools="http://schemas.android.com/tools">
<dimen name="design_bottom_navigation_active_text_size"
tools:override="true">12sp</dimen>
于 2019-12-15T16:19:40.347 回答
-1
您可以使用它在 BottomNevigationView 上显示 3 到 5 个项目的文本和图标并停止移动。
app:labelVisibilityMode="labeled"
但是你会在 BottmNevigationView 上遇到 5 个项目的长文本切割问题。为此，我找到了一个很好的解决方案来停止移动文本以及 BottomNevigationView 的图标。您还可以停止移动文本以及 BottomNevigationView 上的图标。这里给出了代码的截图。
1.在BottomNevigationView中添加这行代码，如图
<android.support.design.widget.BottomNavigationView
android:id="@+id/bottom_navigation"
android:layout_width="match_parent"
android:layout_height="@dimen/seventy_dp"
android:layout_semitransparent="true"
android:background="@color/colorBottomNev"
android:showAsAction="always|withText"
app:itemIconTint="@drawable/bottom_navigation_colors"
app:itemTextColor="@drawable/bottom_navigation_colors"
app:itemTextAppearanceActive="@style/BottomNavigationViewTextStyle"
app:itemTextAppearanceInactive="@style/BottomNavigationViewTextStyle"
app:menu="@menu/bottom_navigation_menu"
app:labelVisibilityMode="labeled"/>
2.添加如下菜单项：-
<?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/action_catalogue"
android:icon="@drawable/catalogue"
android:title="@string/catalogue"
android:enabled="true"
app:showAsAction="ifRoom" />
<item
android:id="@+id/action_contracts"
android:icon="@drawable/contract"
android:title="@string/contracts"
android:enabled="true"
app:showAsAction="ifRoom" />
<item
android:id="@+id/action_prospects"
android:icon="@drawable/prospect"
android:title="@string/prospects"
android:enabled="true"
app:showAsAction="ifRoom" />
<item
android:id="@+id/action_performance"
android:icon="@drawable/performance"
android:title="@string/performance"
android:enabled="true"
app:showAsAction="ifRoom" />
<item
android:id="@+id/action_advance"
android:icon="@drawable/advance"
android:title="@string/advance"
android:enabled="true"
app:showAsAction="ifRoom" />
</menu>
3.在style.xml文件中添加这个样式：
<style name="BottomNavigationViewTextStyle">
<item name="android:fontFamily">@font/montmedium</item>
<item name="android:textSize">10sp</item>
<item name="android:duplicateParentState">true</item>
<item name="android:ellipsize">end</item>
<item name="android:maxLines">1</item>
</style>
4）将这些添加到 Dimen 文件夹中
<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:tools="http://schemas.android.com/tools">
<dimen name="design_bottom_navigation_text_size" tools:override="true">10sp</dimen>
<dimen name="design_bottom_navigation_active_text_size" tools:override="true">10sp</dimen>
</resources>
我从这些 链接和链接中获得了帮助。您也可以通过研究这些链接获得帮助。这对我有很大帮助。希望这也对您有所帮助。谢谢....
于 2019-03-23T04:58:47.243 回答